商城首页欢迎来到中国正版软件门户

您的位置: 首页 > 文章列表 > 编程开发 > UEditor 编辑器跨域上传解决方法

UEditor 编辑器跨域上传解决方法

  发布于2026-07-22 阅读(0)

扫一扫,手机访问

解决UEditor跨域上传图片的问题,其实没那么玄乎,关键就两步:搞定域名权限,再给IE单独补个补丁。下面把具体操作拆开说。

第一步:统一根域名

先找到UEditor的配置文件 ueditor/dialogs/internal.js,在文件开头加上这么一行:

document.domain = '根域名';

这里的“根域名”就是你项目实际部署的域名,比如 example.com。这一步是告诉浏览器,所有子域名的页面都算同一个域,跨域问题就解决了一半。

第二步:当前页面也要指定

光改UEditor内部还不够,你调用UEditor的那个页面也得做同样的事。在页面的

这样Chrome、Firefox等现代浏览器就基本能正常工作了。但如果你还打算支持IE,那还得再动个小手术。

第三步:给IE单独喂药

在UEditor的 editor.js 文件里,找到下面这行代码:

this._setup( container.firstChild.contentWindow.document );

在这行代码的上面插入一段IE专用的补丁:

if (ie) {
    document.getElementById('baidu_editor_' + this.uid).src = "ja vascript:(function(){document.open();document.domain='"+document.domain+"';document.close();})()";
}

接下来,再找到 me.document = doc; 这行,在它的下面加上:

me.document.domain='根域名';

完成这些操作后,IE下UEditor的跨域图片上传就也能正常跑通了。代码量不大,但顺序别搞反,否则容易出奇奇怪怪的问题。

本文转载于:https://www.jb51.net/article/38334.htm 如有侵犯,请联系zhengruancom@outlook.com删除。
免责声明:正软商城发布此文仅为传递信息,不代表正软商城认同其观点或证实其描述。

热门关注