- 加入我的QQ群
- 关注我的百家号
扫描下面的二维码,“关注”我的百家号。
前文我们介绍了ueditor编辑器整合到thinkphp框架及如何利用thinkphp内置上传类上传图片。一般情况下,正确配置后,就可以正常使用ueditor编辑器的上传功能了。但是,有时,由于没有正确配置,ueditor上传图片时,会出现错误,如:上传单图片提示“上传错误”,上传多图片时提示“服务器返回出错”,而图片却已上传成功。如下图:
出现这种情况,是什么原因造成的呢?
思路:图片已上传成功,即已上传到服务器了,只是在前面上传页面显示错误,这就是说,php处理上传图片时,功能正常,只是,Php返回json数据给前台JS时不正常。
即然页面显示“服务器返回出错”这几个字符,那我们就可以在ueditor的原始代码中查找这几个字符,看在哪个文件中。经查找,在ueditor/lang目录下的zh-cn.js文件中找到这几个字符,如下图:
再在ueditor文件中查找上图中的英文字符“ errorServerUpload ”,在ueditor/dialogs/image/image.js文件中找到【720行】,这时,我们可以通过这个文件在浏览器控制台来测试一下,如下图:
这段代码的意思是:如果json.state=='SUCCESS',就返回上传正确;如果没有返回,就直接返回“ errorServerUpload ”的值,即“服务器返回出错”这几个字符。
如上图,我们在 var $file=$("#" + file.id); 的下一行添加 console.log(ret),查看一下返回什么,结果返回是空。如下图:
而ret是php上传文件返回给前台的json数据,所以,我们要检查一下php上传文件,查看一下返回的json数据是否正确。修改正确后,再前台测试,在控制台可以看到:
这样,ret就正确获取了php传过来的json数据。问题最终得以解决。这样在后台的ueditor编辑器中就会正确显示上传的图片。
看不明白,直接说怎么改就行了,写得什么啊
ASP版的上传出错,看这篇文章:
http://www.aijquery.cn/Html/UEditor/180.html