tnblog
首页
视频
资源
登录
愿你出走半生,归来仍是少年
排名
6
文章
6
粉丝
16
评论
8
{{item.articleTitle}}
{{item.blogName}} : {{item.content}}
ICP备案 :渝ICP备18016597号-1
网站信息:2018-2024TNBLOG.NET
技术交流:群号656732739
联系我们:contact@tnblog.net
公网安备:50010702506256
欢迎加群交流技术

cropper.js图片跨域问题

9520人阅读 2020/3/7 21:06 总访问:1947878 评论:0 收藏:0 手机
分类: 前端

上传图片到图片服务器,因为域名不同,多以会有跨域问题。

No ‘Access-Control-Allow-Origin’ header is present on the requested resource. Origin ‘http://img.xxx.com’ is therefore not allowed access.

照看代码发现,cropper.js里面对图片的引用路径做了判断,给img标签添加了 crossorigin=“anonymous”(匿名跨域属性)。

并且用了XMLHttpRequest 的get请求去访问img的引用路径,这样确实访问不到。需要在图片服务器,或者返回的请求头添加 Access-Control-Allow-Origin:*,或Access-Control-Allow-Origin:请求来源域名。


有一种比较快速的解决办法,就是直接去掉cropper.js里面跨域属性

在cropper.js中搜索getCrossOrigin方法

然后把这个方法返回值修改成""即可

欢迎加群讨论技术,群:677373950(满了,可以加,但通过不了),2群:656732739

评价