Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/74.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 从带有图像URL的json到Base64(日期uri)_Javascript_Jquery - Fatal编程技术网

Javascript 从带有图像URL的json到Base64(日期uri)

Javascript 从带有图像URL的json到Base64(日期uri),javascript,jquery,Javascript,Jquery,我试图在stackoverflow上找到这个解决方案,但没有成功。我想从带有图像url的json文件中获取Base64。 例如: result({"image":"https://www.google.co.uk/images/branding/googlelogo/2x/googlelogo_color_120x44dp.png"}); 有没有建议如何使用Javascript或jQuery从中获取Base64数据URI并避免CORS错误 非常感谢。正确的解决方案是: getBase64Fro

我试图在stackoverflow上找到这个解决方案,但没有成功。我想从带有图像url的json文件中获取Base64。 例如:

result({"image":"https://www.google.co.uk/images/branding/googlelogo/2x/googlelogo_color_120x44dp.png"});
有没有建议如何使用Javascript或jQuery从中获取Base64数据URI并避免CORS错误


非常感谢。正确的解决方案是:

getBase64FromUrl("http://upload.wikimedia.org/wikipedia/commons/4/4a/Logo_2013_Google.png");
function getBase64FromUrl(url) {
var img = new Image();
img.setAttribute('crossOrigin', 'anonymous');
img.onload = function () {
    var canvas = document.createElement("canvas");
    canvas.width =this.width;
    canvas.height =this.height;
    var ctx = canvas.getContext("2d");
    ctx.drawImage(this, 0, 0);
    var dataURL = canvas.toDataURL("image/png");
    var url= dataURL.replace(/^data:image\/(png|jpg);base64,/, "");
};
img.src = url;
}

确保您从中获取图像的服务器已设置此标题集Access Control Allow Origin“*”

我不明白您要做什么。是否有要在Base64中编码的url?您能否根据该示例添加预期输出?从url到数据:image/png;base64。。。。