码迷,mamicode.com
首页 > Web开发 > 详细

js 将图片文件转换成base64

时间:2019-04-16 17:49:32      阅读:215      评论:0      收藏:0      [点我收藏+]

标签:cep   wim   lan   window   document   logs   play   get   htm   

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

标签:cep   wim   lan   window   document   logs   play   get   htm   

原文地址:https://www.cnblogs.com/Marydon20170307/p/10718563.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!