实现将图片转base64字符串

最近在做项目的时候，想调用一个接口。接口中一个参数要求需要图片的base64字符串，所以下面整理了一下图片转base64字符串的方法：

方法1：（根据图片路径）

var image = new Image();  
image.src = imgurl; //imgurl 就是你的图片路径   
image.onload = function(){  
  var base64 = getBase64Image(image);  
  console.log(base64);  
}    



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

方法2：（根据上传图片）

<input type="file" id="testFile" />