js 将图片文件转换成base64

时间：2021-10-29 17:14:35
 

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

}

写在最后

　　哪位大佬如若发现文章存在纰漏之处或需要补充更多内容，欢迎留言！！！

相关推荐：

 

相关文章