wangEditor后台上传成功但是，前端提示上传图片失败

鲨鱼亲吻小鹿2024-04-11 22:04

遇到errno=undefined错误

在上传图片成功，但是却会触发fail并显示errno=undefined的话说明后台放回的字段中没有errno需要和后台沟通并加上此字段，还有若data有问题则需要与后台沟通，data应该是一个数组，存储着图片的值的路径

注意不是 error，是 errno

此处贴上我自己的wangEditor处理后台逻辑

java 复制代码

@PostMapping("/editor/upload")
    public Dict editorUpload(MultipartFile file) throws IOException {
        String originalFilename = file.getOriginalFilename(); //文件的原始名称
        String projectPath = System.getProperty("user.dir"); 
        //System.out.println("projectPath"+projectPath);// in linux   /home/server/mooc/java
        String filesPath = projectPath + File.separator + "files"; //文件存储的目录 D:\..\Mooc\files
        String fileRealPath = filesPath + File.separator + originalFilename; //D:\..\files\abc.png
        File saveFile = new File(fileRealPath);
        if(!saveFile.getParentFile().exists()){
            saveFile.getParentFile().mkdirs(); //如果当前文件的父级目录不存在，就创建
        }
        if(saveFile.exists()){
            fileRealPath = filesPath + File.separator + System.currentTimeMillis() + "_" + originalFilename;
            saveFile = new File(fileRealPath); //D:\..\files\12313132131_abc.png
        }
        file.transferTo(saveFile);  //存储文件到本地的磁盘里面去
        String url = "http://" + ip + ":" +port + "/file/download/" + originalFilename;
        //我们要返回一个json数据，可以通过Hutool提供的dict，dict实际上是一个map
        Dict dict = Dict.create().set("errno", 0).set("data", CollUtil.newArrayList(Dict.create().set("url",url)));
        return dict;  //返回文件的链接，这个链接就是文件的下载地址
    }