本文摘自PHP中文网，作者little bottle，侵删。
本篇文章主要介绍了在ueditor富文本编辑器实现跨域上传图片的方法过程，感兴趣的朋友可以了解一下，希望对你有所帮助。在使用百度富文本编辑器上传图片的过程中,如果是有一台单独的图片服务器就需要将上传的图片放到图片服务器,比如在a.com的编辑器中上传图片,图片要保存到img.com,这就涉及到跨域上传图片,而在ueditor官方文档中说不支持单图上传的跨域,网上查了一下各种花里胡哨,一顿操作猛如虎,比如加document.domain,配置全域名的等等都是然并卵,没搞清楚什么是跨域就敢定义为跨域,仔细研究了一下ueditor的demo文件,想出了一个折中办法,很简单只需要修改demo中两个地方的代码外加写一个上传接口即可:
首先引入页面ueditor编辑器,这里不多说,可以参考之前的一篇文章:Html怎么插入百度富文本编辑器ueditor ,这里默认你已经实现了ueditor的引入如下图:
1.此时你上传的图片都是保存在本地的,如果想要跨域传到其它服务器，需要在ueditor/php/config.json配置文件中的图片配置项imageUrlPrefix加上域名,这样你在上传完图片之后返回给你的就是全路径的图片,在任何地方都可以显示,我这里以客户端a.com通过编辑器上传图片到img.com上,所以imageUrlPrefix配置为http://img.com,注意必须是带http://的全域名:
相关阅读 >>
更多相关阅读请进入《ueditor》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
