使用javascript将图像转换为base64
警报(dataURL)未显示任何结果。是否未生成弹出窗口?如何解决这个问题?使用javascript将图像转换为base64,javascript,html,canvas,Javascript,Html,Canvas,警报(dataURL)未显示任何结果。是否未生成弹出窗口?如何解决这个问题? 有什么问题吗?有一个跨源问题。。。尝试使用这个函数 function convertImgToBase64(url){ var canvas = document.createElement('CANVAS'); var ctx = canvas.getContext('2d'); var img = new Image; img.crossOrigin = 'Anonymous'; img.o
有什么问题吗?有一个跨源问题。。。尝试使用这个函数
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);
我删除了上下文,并以不同的方式加载了图像缺少分号?应该是
var url\u to\u be\u converted=”http://www.google.com/image/sample";代码>不,它不是一个problem@tillz:分号在JavaScript中是可选的,尽管它们的省略有时会导致意外问题。
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;
};
}