文件下载-若依

2022-05-04 11:05:22 阅读：260 来源： 互联网

标签：文件 formData upload 若依 file fileinput 上传 id 下载

创建upload表（bookid为关联的业务表主键）

html代码

<!DOCTYPE html>
<html lang="zh">
<head>
   <th:block th:include="include :: header('文件上传')" />
   <th:block th:include="include :: bootstrap-fileinput-css" />
    <style>
        /* 解决layer相册层弹出时导致页面自动滚动 */
        html {height: auto;}
    </style>
</head>
<body class="gray-bg">
<div class="wrapper wrapper-content animated fadeInRight">
        <div class="row">
            <div class="col-sm-12">
                <div class="ibox float-e-margins">
                    <div class="ibox-content">
                        <div class="form-group">
                            <label class="font-noraml">文件上传</label>
                           <div>
                           <input id="fileinput" name="files" type="file" multiple>
                       </div>
                        </div>
                        <hr>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <th:block th:include="include :: footer" />
    <th:block th:include="include :: bootstrap-fileinput-js" />
    <script th:inline="javascript">
    var id = [[${id}]];
    var formData = new FormData();
    function submitHandler() {
        console.log($("#fileinput")[0].files);
        if($("#fileinput")[0].files.length == 0){
            alert("请选择文件");
            return;
        }
        for (var i= 0;i < $("#fileinput")[0].files.length;i++){
            formData.append("file",$("#fileinput")[0].files[i]);
        }
        formData.append("id",id);
        $.ajax({
            url:"/system/book/uploadFile",
            type:"post",
            data:formData,
            cache:false,
            dataType:"json",
            processData:false,
            contentType:false,
            success:function (result) {
                $.operate.successCallback(result);
            }
        });
    }
    </script>
</body>
</html>

controller层代码

@PostMapping("/uploadFile")
@ResponseBody
public AjaxResult uploadFile(@RequestParam("file")MultipartFile[] file,@RequestParam("id")String id){
　　//获取yml中配置的下载地址
    String filePath = RuoYiConfig.getUploadPath();
    Upload upload = null;
    try{
        for (int i = 0; i < file.length; i++) {
            String filePath1 = FileUploadUtils.upload(filePath,file[i]);
            upload = new Upload();
            upload.setBookId(Long.parseLong(id));
            upload.setFileName(file[i].getOriginalFilename());
            upload.setPath(filePath1);
            iUploadService.insertUpload(upload);
        }
    }catch (Exception e){
        e.printStackTrace();
        return AjaxResult.error("文件上传失败！");
    }
    return AjaxResult.success("文件上传成功");
}

文件上传后

服务器上传的文件为

标签：文件,formData,upload,若依,file,fileinput,上传,id,下载
来源： https://www.cnblogs.com/huatian007/p/16220552.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

文件下载-若依