ueditor 单图片上传后提示上传错误，本地已经上传到项目文件夹下，但无法展示

前端的js异步方法无法正常的执行下去，修改ueditor.all.js，大概在24568行

// domUtils.on(iframe, 'load', callback);
// form.action = utils.formatUrl(imageActionUrl + (imageActionUrl.indexOf('?') == -1 ? '?':'&') + params);
// form.submit();

换成下面代码

var formdata = new FormData(form);
var xhr= new XMLHttpRequest();
xhr.open("POST", me.getOpt('serverUrl')+'?action=uploadimage', true);
xhr.onreadystatechange = function() {if (xhr.readyState === 4)if ((xhr.status >=200 && xhr.status < 300) || xhr.status == 304)alert(xhr.responseText);
}
xhr.send(formdata);xhr.onreadystatechange = function () {if(xhr.readyState == 4) {console.log(xhr.responseText);var json = JSON.parse(xhr.responseText);// alert(response.state);if (json.state == 'SUCCESS' && json.url) {loader = me.document.getElementById(loadingId);loader.setAttribute('src', json.url);loader.setAttribute('_src', json.url);loader.setAttribute('title', json.title || '');loader.setAttribute('alt', json.original || '');loader.removeAttribute('id');domUtils.removeClasses(loader, 'loadingclass');} else {showErrorLoader && showErrorLoader(json.state);}}
}

另外再附上后端的上传图片的接口

    @RequestMapping("/ueditor")@ResponseBodypublic Object test(HttpServletRequest request,@RequestParam(value = "action") String action,@RequestParam(value = "upfile", required = false) MultipartFile file) throws Exception {switch (action) {case "config": // 加载返回ueditor配置文件conf/config.jsonreturn ResourceUtils.getConfig();case "uploadimage": // 上传图片String state = "SUCCESS";String uploadHttpUrl = fileUpload(file);return resultMap(file, state, uploadHttpUrl);case "uploadvideo": // 上传视频String state2 = "SUCCESS";String uploadHttpUrl2 = fileUpload(file);return resultMap(file, state2, uploadHttpUrl2);case "uploadfile": // 上传文件String state3 = "SUCCESS";String uploadHttpUrl3 = fileUpload(file);return resultMap(file, state3, uploadHttpUrl3);default:return "无效action";}}private Map<String, Object> resultMap(MultipartFile file, String state, String uploadHttpUrl) {Map<String, Object> resMap = new HashMap<String, Object>();resMap.put("state", state);  //"SUCCESS" 表示成功resMap.put("title", file.getOriginalFilename());resMap.put("original", file.getOriginalFilename());resMap.put("type", file.getContentType());resMap.put("size", file.getSize());resMap.put("url", uploadHttpUrl);return resMap;}

ueditor 单图片上传后提示上传错误，本地已经上传到项目文件夹下，但无法展示相关推荐

Django创建项目后，项目文件夹下的组成部分
Django创建项目后,项目文件夹下的组成部分项目文件夹下的组成部分: manage.py 是项目运行的入口,指定配置文件路径.与项目同名的目录,包含项目的配置文件. init.py 是一个空文 ...
若依前后端分离版源码分析-前端头像上传后传递到后台以及在服务器上存储和数据库存储设计
场景使用若依前后端分离版本时,分析其头像上传机制. 可作为续参考学习. 注: 博客: https://blog.csdn.net/badao_liumang_qizhi 关注公众号霸道的程序猿获 ...
打开360浏览器显示无法连接服务器错误,Win10电脑上360浏览器提示网络连接错误，错误代码 102的解决方案...
360浏览器是我们经常在Win10电脑上使用的浏览器之一,如果我们在Win10电脑上,用360浏览器无法打开网页,还提示网络连接错误,错误代码 102,这个我们要怎么办呢?这个问题已经让很多用户无法正 ...
如何将视频上传到网站服务器,如何将本地视频上传到云服务器
如何将本地视频上传到云服务器内容精选换一换在本地主机和Windows云服务器上分别安装QQ.exe等工具进行数据传输.使用远程桌面连接mstsc方式进行数据传输.该方式不支持断点续传,可能存在传 ...
2021-08-08ctf中的上传upload题目.user.ini绕过后缀黑名单过滤（同文件夹下有php文件突破口）
从SUCTF 2019 CheckIn 浅谈.user.ini的利用 / 2019-08-28 08:59:00 / 转自loong大佬-来自先知社区 <span class="con ...
本地文件上传服务器node插件,node 搭建本地文件上传服务器
一直想尝试使用node搭建个文件服务器,今天简单写了一下,后面会慢慢完善,一起学习哈首先,我们在做文件上传的时候,很多时候会使用到文件服务器. 从前端来说的话, 我们把数据上传到文件服务器上,然后文 ...
file上传代码 ios_iOS视频压缩存储至本地并上传至服务器实例代码
最近做了一个项目,我把其中的核心功能拿出来和大家分享一下,重点还是自己梳理一下. 这里关于视频转码存储我整理了两个方法,这两个方法都是针对相册内视频进行处理的. 1.该方法没有对视频进行压缩,只是将视 ...
iOS中打一个包上传后，iTunes中找不到上传的包的解决方法
今天再上传新包的时候,明明包已经上传成功,但是在iTunes中怎么都找不到我上传的包,一直让我构建一个新版本可以看到已经上传成功,但是在iTunes中一直找不到我的包,一直让我构建版本相当的焦灼, ...
python网页开发实现本地上传_树莓派 python 如何将本地文件上传到指定的服务器页面上...
展开全部以下是单个文件的,不2113确定你的文件夹是什么意5261思,4102可以压缩下再上传(方1653法一样,调用zip命令) 我的实现方法:调用终端的curl,以下为代码平片段,实现的功能是上 ...

ueditor 单图片上传后提示上传错误，本地已经上传到项目文件夹下，但无法展示

ueditor 单图片上传后提示上传错误，本地已经上传到项目文件夹下，但无法展示相关推荐

最新文章

热门文章