[英]convert image to base64 using javascript
function convertImgToBase64(url){
var canvas = document.createElement('CANVAS');
var ctx = canvas.getContext('2d');
var img = new Image;
img.crossOrigin = 'Anonymous';
img.onload = function(){
canvas.height = img.height;
canvas.width = img.width;
ctx.drawImage(img,0,0);
var dataURL = canvas.toDataURL('image/png',"");
alert(dataURL);
canvas = null;
};
img.src = url;
}
var url_to_be_converted = "http://www.google.com/image/sample"
convertImgToBase64(url_to_be_converted);
Alert(dataURL) does not showing any result.No pop up is generated there? Alert(dataURL)没有显示任何结果。那里没有弹出窗口吗? How to solve this?
如何解决呢?
What wrong there? 哪里错了?
There is a cross origin problem ... try using this function 存在跨源问题...请尝试使用此功能
function convertImgToBase64(url)
{
var canvas = document.createElement('CANVAS');
img = document.createElement('img'),
img.src = url;
img.onload = function()
{
canvas.height = img.height;
canvas.width = img.width;
var dataURL = canvas.toDataURL('image/png');
alert(dataURL);
canvas = null;
};
}
I removed the context and I loaded the image in a different way 我删除了上下文,并以另一种方式加载了图像
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.