没有& # 39;Access-Control-Allow-Origin& # 39;标头存在于请求的资源上.Chrom
No 'Access-Control-Allow-Origin' header is present on the requested resource. Chrome application
A有一个问题…
创建一个对服务器的请求。我需要在URL下载照片,但是"Access-Control-Allow-Origin"不允许我这样做。请救救我!
var xhr = new XMLHttpRequest();
xhr.open('GET',"`http://scontent-b.cdninstagram.com/hphotos-ash/t51.2885-15/925251_476615232484089_631852735_n.jpg`", true);
xhr.responseType = 'blob';
xhr.setRequestHeader('Access-Control-Allow-Origin', '`https://ipfmnlpkligplampkpahcmideefmcmpl.chromiumapp.org/`');
xhr.onload = function(e){
$("<img src='"+window.URL.createObjectURL(this.response)+"'>").append("body");
};
xhr.send();
控制台:XMLHttpRequest cannot load `http://scontent-a.cdninstagram.com/hphotos-ash/t51.2885-15/10362165_1441926822728933_946328003_n.jpg`. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'chrome-`extension://ipfmnlpkligplampkpahcmideefmcmpl`' is therefore not allowed access.
在Chrome应用程序中,您不需要担心xhr中的跨域权限。
你需要确保你加载的资源是在manifest的权限中指定的。
注:您的解决方法不工作,因为您正在设置请求字段,而错误是关于响应字段。
您可以在Vanilla中直接使用<img>
完成这些操作。
(function (src) {
var img = new Image(); // or document.createElement('img');
function _load() {
this.removeEventListener('load', _load);
document.body.appendChild(this);
}
img.addEventListener('load', _load);
img.src = src; // fetch
}('http://scontent-b.cdninstagram.com/hphotos-ash/t51.2885-15/925251_476615232484089_631852735_n.jpg'));
相关文章:
- ajax请求的顺序总是不同的
- Meteor如何接收HTTP请求
- 有没有一种方法可以防止img get请求使用css或js发生
- 从ajax请求中获取javascript对象
- JSONP请求返回结果,但也触发error_callback
- 在localhost Dev Box上测试JSONP请求的最佳方式
- Ajax请求文档就绪会导致jquery加载缓慢
- MockJax没有在JavaScript应用程序中发送对我AJAX请求的响应
- 正在传递JSONP标头's数据参数到另一个文件中的AJAX请求
- 在openshift node js应用程序中获取请求
- 反应路由器弄乱了请求网址
- 在我的情况下,如何进行http请求
- 使用密码对话框Javascript请求帮助
- servlet中的请求对象,而不是从jsp接收参数值
- 否'访问控制允许来源'标头存在于IISNOde中请求的资源(AngularJS+NodeJs)上
- JavaScript代码未正确检查ajax请求
- node.js请求数据事件未在CORS ajax调用中触发
- 如何检测第三方广告服务器请求
- 在Rails中更新Div,而不更改更新请求后的视图
- 没有& # 39;Access-Control-Allow-Origin& # 39;标头存在于请求的资源上.Chrom