vue引入UEditor配置以及跨域图片上传问题

本文详细介绍了在Vue项目中整合UEditor的步骤,包括前端配置UEditor.config.js设置服务器请求接口,以及后端PHP的配置,确保能正确返回JSON配置并检查上传目录读写权限。针对图片上传的跨域问题,提供了单图片和多图片上传的解决方案,强调了后台controller.php的头部需添加跨域相关代码,并提示在线管理图片列表的配置位于config.json。建议查阅官方文档以了解更详细的跨域配置。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

原文链接:https://blog.youkuaiyun.com/haochuan9421/article/details/81975966

如何安装上方链接已经讲得非常的详细(注意文中的第一步下载不能省略) ,我需要记录补充的是如何配置以及对文中处理图片上传和跨域问题做详细点的补充。

一、配置

       前端配置:

       在ueditor.config.js文件配置静态资源,服务器统一请求接口路径应该指向后台的ueditor的控制层文件(例如我的是:‘

XXX/includes/ueditor/php/controller.php’)。

后端配置(以PHP为例)

1.选择后台语言,将后台代码下载下来。添加到我们自己的项目中。

2.检查是否正常加载后台配置项,请求路径‘ueditor/php/controller.php?action=config’,查看是否正常返回JSON。

3.检查上传目录是否可读写,默认上传目录是域名根目录下的ueditor/php/upload文件夹,需要检查是否可被php代码读写。

二、图片上传问题;

1.单图片上传,原文如下:

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值