ueditor百度编辑器上传单图片提示“上传错误”，多图片提示“服务器返回出错”？

扫描下面的二维码，“关注”我的头条号，我会每天更新免费视频课程。

前文我们介绍了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编辑器中就会正确显示上传的图片。