springboot wangEditor 图片批量上传_wangeditor批量上传图片-CSDN博客

本文链接：https://blog.csdn.net/weixin_45574655/article/details/119114701

今天使用wangEditor实现图片上传，后端使用springboot，开始单张图片正常，多张图片一直不成功，配置了 editor.config.uploadFileName = "files"; 后台使用 MultipartFile[] files 怎么都不行，后来看下请求，多张图片是这样发送的

那么后台使用files肯定不行，这里应该是wangEditor的问题，应该使用数组发送，不能这样去发送，所以后台要对应的修改，要获取files的名称然后获取图片流

public Map uploadImage4WangEditor(HttpServletRequest request) {
        Map<String, Object> result = new HashMap<>();
        try {
            MultipartHttpServletRequest multipartHttpServletRequest = (MultipartHttpServletRequest) request;
            Iterator<String> fileNames = multipartHttpServletRequest.getFileNames();
            result.put("errno", 0);
            List<Map<String, String>> data = new ArrayList<>();
            result.put("data", data);
            while (fileNames.hasNext()) {
                MultipartFile file = multipartHttpServletRequest.getFile(fileNames.next());
                String fileName = file.getOriginalFilename();
                String fileExtName = StringTools.getFileSuffix(fileName);
                String fileRealName = StringTools.getRandomString(Constants.LENGTH_30) + "." + fileExtName;
                File folder = new File(adminConfig.getFileDownloadTemp());
                if (!folder.exists()) {
                    folder.mkdirs();
                }
                File uploadFile = new File(adminConfig.getFileDownloadTemp() + File.separator + fileRealName);
                FileUtils.writeByteArrayToFile(uploadFile, file.getBytes());
                Map<String, String> imageData = new HashMap<>();
                imageData.put("url", adminConfig.getDomainImage() + fileRealName);
                data.add(imageData);
            }
            return result;
        } catch (Exception e) {
            logger.error("上传文件异常", e);
            result.put("errno", 1);
            result.put("msg", "上传错误");
            return result;
        }
    }

这样就可以正常上传多张图片了