[英]Access-control-allow-origin issue with image
我正在尝试使用函数从不同的 url 添加图像,但我遇到了 cors 问题,说我的请求被阻止。
我尝试向图像添加 cossOrigin 属性,但它似乎仍然不起作用
function getDataUri(url, callback) {
var image = new Image();
image.crossOrigin = "Anonymous"
image.onload = function () {
var canvas = document.createElement('canvas');
canvas.width = this.naturalWidth; // or 'width' if you want a special/scaled size
canvas.height = this.naturalHeight; // or 'height' if you want a special/scaled size
canvas.getContext('2d').drawImage(this, 0, 0);
// Get raw image data
// callback(canvas.toDataURL('image/png').replace(/^data:image\/(png|jpg);base64,/, ''));
// ... or get as Data URI
callback(canvas.toDataURL('image/png'));
};
image.src = url;
}
getDataUri(imageurl, function (dataURI) {
})
CORS 策略已阻止从源“ http://localhost:8000 ”访问“imageurl”中的图像:请求的资源上不存在“Access-Control-Allow-Origin”标头。
我总是这样做: image.setAttribute('crossOrigin', '');
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.