解决ueditor跨域请求时图片上传不了及图片列表回显路径问题

可跳过直接看后面的重点

1、测试环境:

 1. 后端部署 基于Win10+Wampserver64

 2. 调试工具 基于Hbuilder

2、测试环境搭建

  1. 下载ueditor源码 https://ueditor.baidu.com/website/download.html

e0bfdd6b547dee09478bcb4a5bdd53cf0b6.jpg

 2. 将下载后的文件解压,将php文件夹复制到wampserver安装路径下的www/ueditor/文件夹下

7fa7ea5a41f2a755e4f45ab1db009d2b5da.jpg

65217cd86cdb5c53d8b90abce0761486a51.jpg

3.启动wampserver 默认启动端口为80端口(测试中已修改为8080端口)

9d1b2076425e3397f7414c95bf7beec7521.jpg

4、测试后台服务是否启动成功,打开浏览器输入下面的地址,能获取到配置文件,说明后台服务已启动成功。

http://127.0.0.1:8080/ueditor/php/controller.php?action=config#

a553f2b648eb442ec59d85f4ce75faa2b48.jpg

3、基于Hbuilder调试

1.在Hbuilder下打开解压后的ueditor源码,目录结构如下:

b37a6b917047504ad7c35c1e309b014d18b.jpg

重点1:修改 ueditor.config.js 将serverUrl改为自己服务器的地址:

serverUrl: "http://127.0.0.1:8080/ueditor/" + "php/controller.php"

重点2:修改D:\wamp64\www\ueditor\php\config.json 配置 图片访问路径前缀 ,涉及前缀的都加上:http://127.0.0.1:8080

5bab2121d3e086873b86d581c8099f24353.jpg

重点3:修改 D:\wamp64\www\ueditor\php\controller.php 文件 取消下面的注释,将 http://www.baidu.com 改为 *

header('Access-Control-Allow-Origin: *'); //设置允许跨域访问
header('Access-Control-Allow-Headers: X-Requested-With,X_Requested_With'); //设置允许的跨域header

4、测试截图

上传:

ff643d20947528fac1ce034afe4070c7816.jpg

回显:

d82ab2eccd9e0b77361f06c796a8d5b41c7.jpg

参考:http://fex.baidu.com/ueditor/

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

SummerGao.

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值