ueeditor无法上传图片_ueditor无法上传图片

ueditor无法上传图片_向来萧瑟也无畏-CSDN博客​blog.csdn.net

关键词

ThinkPHP5 PHP ueditor 富文本编辑器 百度 无法上传图片 后端配置项没有正常加载，上传插件不能正常使用

背景

1.学习童攀老师的ThinkPHP5第四季课程

2.ueditor压缩包来源：童攀课堂首页资料库(有一个页面专门用于下载资料的，不过现在已经没了)

排错过程&&错误信息(可以跳过)

1.尝试上传单张图片，失败(一直在转圈圈。正常情况下应该是一上传就立刻显示图片)

而且查看源码的时候发现源码中的spacer.gif就是那个圈圈

2.想尝试一下批量上传是否可以(失败，直接告诉我错误信息：后端配置项没有正常加载，上传插件不能正常使用)

3.想通过复制粘贴的方式把图片放到输入框中，结果发现右上角提示：后端配置项没有正常加载，上传插件不能正常使用

4.访问置于服务器的ueditor文件夹下的文件controller.php，发现一串unicode，转成中文是：请求地址出错

我的访问链接是：localhost:8080/php项目名称/public/static/plus/ueditor/php/controller.php

说明：

①localhost可以是127.0.0.1；

②8080是安装AppServ时设置的，默认是80；

③php项目名称请换成你自己的php项目名称；

④由于我这是php项目，所以访问的controller.php文件位于ueditor下的php文件夹

5.再次访问第四步的链接并在后面加上?action=uploadimage，即localhost:8080/php项目名称/public/static/plus/ueditor/php/controller.php?action=uploadimage

同样将unicode转为中文，发现是：找不到上传文件

6.偶尔还无法显示

解决方法

①大小写问题(少见)

如果你是Windows系统下出问题，估计不是这个原因，出这个问题的基本上是Linux系统。

②config.json中未设置图片上传路径"imageUrlPrefix"

有可能是没有设置路径，不妨试一下

③config.json编码问题(比较常见)

这种情况一般是你在本地机运行成功，但是一部署到服务器上就出问题，其实是2台机的编码问题，直接用本地机的config.json文件替换服务器上的相应文件即可。

2.如果还是不行，可能和我一样→你下载的ueditor压缩包有问题(我猜测可能是js文件出问题了)。重新下一个完整的ueditor压缩包即可(去官网下载一般没有问题)

我是使用老师后来给的源码资料中的ueditor压缩包才跑通的。

我之所以猜测是js文件出问题，是因为有这么一个报错

请求后台配置项http错误，上传功能将不能正常使用！ ueditor.all.min.js:124:43

d http://localhost:8080/shop/public/static/plus/ueditor/ueditor.all.min.js:124

onerror http://localhost:8080/shop/public/static/plus/ueditor/ueditor.all.min.js:125

onreadystatechange http://localhost:8080/shop/public/static/plus/ueditor/ueditor.all.min.js:127