JavaScript實現圖片文件轉base64

圖片文件轉base64，利用canvas

// 圖片文件轉base64，利用canvas
function getBase64Image(img) {  
     var canvas = document.createElement("canvas");  
     canvas.width = img.width;  
     canvas.height = img.height;  
     var ctx = canvas.getContext("2d");  
     ctx.drawImage(img, 0, 0, img.width, img.height);  
     var ext = img.src.substring(img.src.lastIndexOf(".")+1).toLowerCase();  
     var dataURL = canvas.toDataURL("image/"+ext);  
     return dataURL;  
}  


// 使用 
var image = new Image();  
image.src = "imgurl";  //imgurl 就是你的圖片路徑
image.onload = function(){  
  var imgBase64 = getBase64Image(image);  
  console.log(imgBase64);  
}