wordpress CMS主题 微信
Home > PHP开发 > ueditor百度编辑器上传单图片提示“上传错误”,多图片提示“服务器返回出错”?

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

高时银博客 PHP开发 点击: 87 次 0 1
  • 标签: |
  • 前文我们介绍了ueditor编辑器整合到thinkphp框架及如何利用thinkphp内置上传类上传图片。一般情况下,正确配置后,就可以正常使用ueditor编辑器的上传功能了。但是,有时,由于没有正确配置,ueditor上传图片时,会出现错误,如:上传单图片提示“上传错误”,上传多图片时提示“服务器返回出错”,而图片却已上传成功。如下图:

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

    出现这种情况,是什么原因造成的呢?

    思路:图片已上传成功,即已上传到服务器了,只是在前面上传页面显示错误,这就是说,php处理上传图片时,功能正常,只是,Php返回json数据给前台JS时不正常。

    即然页面显示“服务器返回出错”这几个字符,那我们就可以在ueditor的原始代码中查找这几个字符,看在哪个文件中。经查找,在ueditor/lang目录下的zh-cn.js文件中找到这几个字符,如下图:

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

    再在ueditor文件中查找上图中的英文字符“ errorServerUpload ”,在ueditor/dialogs/image/image.js文件中找到【720行】,这时,我们可以通过这个文件在浏览器控制台来测试一下,如下图:

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

    这段代码的意思是:如果json.state=='SUCCESS',就返回上传正确;如果没有返回,就直接返回“ errorServerUpload ”的值,即“服务器返回出错”这几个字符。

    如上图,我们在 var $file=$("#" + file.id); 的下一行添加 console.log(ret),查看一下返回什么,结果返回是空。如下图:

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

    而ret是php上传文件返回给前台的json数据,所以,我们要检查一下php上传文件,查看一下返回的json数据是否正确。修改正确后,再前台测试,在控制台可以看到:

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

    这样,ret就正确获取了php传过来的json数据。问题最终得以解决。这样在后台的ueditor编辑器中就会正确显示上传的图片。

     

     


    文章作者:高时银博客
    本文地址:http://wanlimm.com/77201805145568.html
    版权所有 © 转载时必须以链接形式注明作者和原始出处!

    目前还没有评论。赶快来坐沙发吧。

    发表评论