zoukankan      html  css  js  c++  java
  • jquery+ spring+java 多文件上传

    描述:支持选择多个文件,目前限制最多上传5个文件

    一、前端代码

    1、html页面

     <form id="fm" method="post" action="" enctype="multipart/form-data">
                        <div class="form-group">
                            <label >请选择上传文件</label>
                            <div class="col-lg-10">
                                <input id="addFile"  name="addFile" class="form-control" class="filepath" type="file"  multiple="multiple" accept="application/msword,application/vnd.ms-works,text/plain,application/pdf,application/vnd.ms-excel,application/vnd.openxmlformats-officedocument.wordprocessingml.document"><br>
                            </div>
                        </div>
                    </form>

    2、js代码

      add: function () {var files = document.getElementById("addFile").files;
            var number = files.length;
            if (number <=0) {
                toastr.error('请选择文件');
                return false;
            }
            if (number > 5) {
                toastr.error('上传文件个数不能超过5个');
                return false;
            }
            // 创建form对象
            var param = new FormData();
            // 循环将对应的文件放在form中
            for(var i = 0; i < files.length; i++){
                param.append("file"+i, files[i]);
            }// 上传需要将对应的文件类型上传的数据库
            param.append('fileType', fileType);
            // 文件个数,后台获取不到
            param.append('number', number);
            $.ajax({
                cache: false,
                type: "POST",
                url: backbasePath + '/apia/v1/knowledgeManager/uploadFile',
                data: param,
                async: true,
                contentType: false,
                processData: false,
                success: function (data) {
                    data = eval("(" + data + ")");
                    if ('000000' == data.code) {
                        toastr.success(data.msg);
                        //上传成功之后清楚掉之前选择的文件
                        $("#addFile").val("");
                        // 上传成功之后进行table的重新加载
                        $('#filesList').DataTable().ajax.reload();
                    } else if ('900000' == data.code) {
                        toastr.error('上传失败!');
                    } else {
                        toastr.error(data.msg);
                    }
                    $("#upload").modal('hide');
                },
                error: function () {
                    toastr.error('上传失败!');
                    $("#upload").modal('hide');
                }
            });
        }
       

    二、后端  /*     * 多文件上传     * @param request 请求

         * @param token   token
         * @param fileType 文件类型
         * @param number   上传文件个数
         * @return
         */
        @RequestMapping("/uploadFile")
        public Object upload(HttpServletRequest request,  @RequestParam(required = true) String fileType,
        @RequestParam(required = true) Integer number) { String result = null; // 用来处理多文件上传的请求类 MultipartHttpServletRequest multipartRequest = (MultipartHttpServletRequest) request; // 用来存储文件列表 List<MultipartFile> templatesList = new ArrayList<>(); // 文件请求中获取的文件是集合类型 for (int i = 0 ; i < number ; i++) { templatesList.addAll(multipartRequest.getFiles("file" + i)); } // 将集合转换成数组 MultipartFile[] files = new MultipartFile[number]; templatesList.toArray(files); log.info("files"+files.length); if (files!=null && files.length > 0) {
    String path = filePath; path = path + "coalminehwaui/upload/";//定义位绝对路径 File parent = new File(new File(path).getAbsolutePath()); // 保存时间 Date date = new Date(); SimpleDateFormat dateFormat = new SimpleDateFormat("yyyyMMddhhmmss"); List<Map<String, Object>> dataList = new ArrayList<>(); System.out.println(" parent=" + parent); if (!parent.exists()) { parent.mkdirs(); } for(MultipartFile file :files){ // 文件信息 Map<String, Object> m = new HashMap<String, Object>(); try { // 检查文件大小 long fileSize = file.getSize(); if (fileSize > 1 * 1024 * 1024) { //return RequestResponseTool.getJsonMessage(RespCode.repeat, "上传失败!上传的文件大小超出了1M限制!"); return null; } // 检查文件MIME类型 String contentType = file.getContentType(); List<String> types = new ArrayList<String>(); //扩展名 doc dot types.add("application/msword"); //扩展名 docx types.add("application/vnd.openxmlformats-officedocument.wordprocessingml.document"); //扩展名 pdf types.add("application/pdf"); //扩展名 txt types.add("text/plain"); //扩展名 wps types.add("application/vnd.ms-works"); //扩展名 xla xlc xlm xls xlt xlw types.add("application/vnd.ms-excel"); if (!types.contains(contentType)) { //return RequestResponseTool.getJsonMessage(RespCode.repeat, "上传失败!不允许上传此类型的文件!"); return null; } // 获取原始文件名 String originalFilename = file.getOriginalFilename(); // 根据文件名称进行查询,如果存在则更新否则新增 Map<String, Object> fileMap = knowledgeService.getFileByName(originalFilename,fileType); // 如果能查询出对应的数据,则进行更新操作 if(fileMap !=null && fileMap.size() >0){ String id =fileMap.get("id").toString(); String oldfileName =fileMap.get("file_name").toString(); // 找到之前的文件,如果存在则删除 File oldFile = new File( path+"/"+oldfileName); if (oldFile.exists()) { oldFile.delete(); } // 保存当前的文件 file.transferTo(new File(parent, oldfileName)); // 更新文件表中的大小 m.put("id", id); m.put("file_size", fileSize); m.put("style","update"); } // 如果查不到数据,则进行新增操作 else { // 新文件名称 String filename = UUID.randomUUID().toString(); String suffix = ""; int beginIndex = originalFilename.lastIndexOf("."); if (beginIndex != -1) { suffix = originalFilename.substring(beginIndex); } // 执行保存文件 file.transferTo(new File(parent, filename + suffix)); // 存放的文件路径 String file_path = "/upload/" + filename + suffix; //知识资源库id String knowledgeId = IDCode.knowledgeId + IDTool.getWebUserId() + ""; //文件表Id String file_id = IDCode.fileId + IDTool.getWebUserId() + ""; //文件逻辑名称(和路径中的名称保持一致) String file_name = filename + suffix; m.put("id", knowledgeId); m.put("type_id", fileType); m.put("file_id", file_id);// 创建时间 m.put("create_time", dateFormat.format(date)); // 创建id m.put("creater_id", opuid); m.put("file_name", file_name); m.put("file_real_name", originalFilename); m.put("file_path", file_path); m.put("file_size", fileSize); m.put("style","add"); } } catch (Exception ex) { ex.printStackTrace(); } // 将形成的数据放在集合中 dataList.add(m); } result = knowledgeService.add(dataList); } return result; }
  • 相关阅读:
    LeetCode 078. 子集 dfs
    LeetCode 404. 左叶子之和 树遍历
    LeetCode 226. 翻转二叉树 递归
    C# String.Format大全 去 decimal 后面的 0
    HTML readyState 属性 iframe onreadystatechange事件
    crm 4 IFRAME 元素隐藏
    在MS CRM 4.0中引用JS文件
    crm 4 隐藏自定义 toolbar
    crm 4 UserHasRole
    微信JSSDK上传多张图片
  • 原文地址:https://www.cnblogs.com/flyShare/p/12516898.html
Copyright © 2011-2022 走看看