1.情景展示
在JavaScript中，如何使用圖片文件轉換成base64?
2.解決方案
/**
* 網絡圖像文件轉Base64
* @param img dom對象
*/
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;
}
3.測試
window.onload = function(){
// 獲取圖片對象
var imgDom = document.getElementById('bb');
var dataUrl = getBase64Image(imgDom);
alert(dataUrl);
}
寫在最后
哪位大佬如若發現文章存在紕漏之處或需要補充更多內容，歡迎留言！！！
相關推薦：