ueditor无法上传图片

关键词

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

背景

1.学习童攀老师的ThinkPHP5第四季课程
2.ueditor压缩包来源:童攀课堂官网首页资料库(有一个页面专门用于下载资料的,不过现在已经没了)

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

1.尝试上传单张图片,失败(一直在转圈圈。正常情况下应该是一上传就立刻显示图片)
ueditor无法上传图片
 
 
而且查看源码的时候发现源码中的spacer.gif就是那个圈圈
ueditor无法上传图片
ueditor无法上传图片
ueditor无法上传图片
 
 
 
2.想尝试一下批量上传是否可以(失败,直接告诉我错误信息:后端配置项没有正常加载,上传插件不能正常使用)

ueditor无法上传图片
ueditor无法上传图片
 
 
 
3.想通过复制粘贴的方式把图片放到输入框中,结果发现右上角提示:后端配置项没有正常加载,上传插件不能正常使用
ueditor无法上传图片
 
 
 
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文件夹

ueditor无法上传图片
ueditor无法上传图片
ueditor无法上传图片
 
 
 
5.再次访问第四步的链接并在后面加上?action=uploadimage,即localhost:8080/php项目名称/public/static/plus/ueditor/php/controller.php?action=uploadimage
同样将unicode转为中文,发现是:找不到上传文件
ueditor无法上传图片
ueditor无法上传图片
 
 
6.偶尔还无法显示
ueditor无法上传图片

解决方法

1.一般情况下,基本上是以下这几个原因。可以尝试此文提及的方法,基本上可以解决。→(常见解决方法)UEditor报错“后端配置项没有正常加载,上传插件不能正常使用”

①大小写问题(少见)
            如果你是Windows系统下出问题,估计不是这个原因,出这个问题的基本上是Linux系统。
②config.json中未设置图片上传路径"imageUrlPrefix"
            有可能是没有设置路径,不妨试一下
③config.json编码问题(比较常见)
            这种情况一般是你在本地机运行成功,但是一部署到服务器上就出问题,其实是2台机的编码问题,直接用本地机的config.json文件替换服务器上的相应文件即可。
 
 

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

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

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

ueditor无法上传图片

请求后台配置项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