js 将图片文件转换成base64

Posted Marydon

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js 将图片文件转换成base64相关的知识,希望对你有一定的参考价值。

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

 

写在最后

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

 相关推荐:

 

以上是关于js 将图片文件转换成base64的主要内容,如果未能解决你的问题,请参考以下文章

js绝对地址图片转换成base64的方法

上传图片文件转换成blob

JS 上传图片转换成二进制流base64

base64转换成图片

将图片转换为Base64编码的字符串

JavaCV音视频开发宝典:实现Base64编码图片转换成图片文件通用转换器,以base64转png图片文件为例,其他图片格式也全部支持