springboot wangEditor 图片批量上传

98 阅读 0 评论 65 点赞

我是靠谱客的博主飞快乌龟，这篇文章主要介绍springboot wangEditor 图片批量上传，现在分享给大家，希望可以做个参考。

今天使用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;
        }
    }

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
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;
        }
    }