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

遇到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;  //返回文件的链接,这个链接就是文件的下载地址
    }
相关推荐
Data analyse4562 分钟前
rrweb回放事件资源加载顺序重放校验
前端·人工智能·算法·机器学习·数据分析
lexiangqicheng17 分钟前
自定义表单跨端共用机制-PC设计APP渲染
java·前端·javascript
zhikouai20 分钟前
AI辅助逆向工程链路:从二进制接入到等价性校验
java·linux·前端
沙漏无语21 分钟前
pnpm 安装@vue-office包的幽灵依赖问题解决
前端·javascript·vue.js
霍格沃兹测试学院-小舟畅学27 分钟前
Playwright MCP:AI Agent 驱动 Web 自动化测试的架构与执行机制
前端·人工智能·架构
Jmyd012327 分钟前
VR全景线上展会制作流程技术解析:全景采集、点云重建与Web端渲染优化实战
前端·javascript·vr·三维数字化
北城笑笑28 分钟前
Server 18 ,Nginx 双服务器 HTTP转HTTPS 代理实战( HTTP 地址换 HTTPS 域名 )
运维·服务器·前端·后端·nginx·http·https
紫洋葱hh28 分钟前
Go 入门基础:类型、变量与运算符
开发语言·后端·ai·golang
随性而行36032 分钟前
企业微信API接口开发实战:如何实现消息回调接收与业务事件处理?
java·前端·python·微信·机器人·企业微信
℘团子এ38 分钟前
vue2中自定义指令的使用
前端·javascript·vue.js