JS 图片跨域问题

使用JS创建图片元素然后在JTopo或three.js中使用时报以上错误,JS代码如下:

var _t=this;    
var houseImg = new Image();
houseImg.crossOrigin='*';
houseImg.crossOrigin = "Anonymous";
houseImg.src = url;
houseImg.onload = function () {
     _t.backgroundNode=new JTopo.Node();
     _t.backgroundNode.zIndex=1;
     _t.backgroundNode.myType = "map";
     _t.backgroundNode.dragable=false;
     _t.backgroundNode.showSelected = false;
     _t.backgroundNode.setImage(houseImg, true); 
}

虽然这里设备了crossOrigin,但是还是需要服务器也配置一下Access-Control-Allow-Origin

打开IIS,找到“HTTP响应标头”点进去,

在右侧可以看到添加,然后添加如下标头即可

Access-Control-Allow-Headers:Content-Type, api_key, Authorization

Access-Control-Allow-Origin:*

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章