2014-07-20 120 views
0
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)不显示任何结果。是否在此处生成弹出窗口?如何解决这个问题?
有什么不对?使用javascript将图像转换为base64

+0

缺少分号装的形象呢?应该是'var url_to_be_converted =“http://www.google.com/image/sample”;' – tillz

+0

不,这不是问题 – user3858217

+1

@tillz:分号在JavaScript中是可选的,尽管它们的省略有时会导致意想不到的问题。 –

回答

1

有一个跨源问题...尝试使用此功能

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; 
    }; 
} 

我删除的背景和我以不同的方式

+0

感谢它的工作! – user3858217