码迷,mamicode.com
首页 > 其他好文 > 详细

图片转base64

时间:2019-09-17 17:21:24      阅读:93      评论:0      收藏:0      [点我收藏+]

标签:div   code   ast   context   canvas   tin   字符串   tee   string   

var img = "http://xxx/timg.jpg";
var image = new Image();
image.src = img;
image.onload = function() {
    //文件的Base64字符串
    var base64 = getBase64Image(image);
    console.log(base64);
}
/**
 * 图像转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;
}

 

图片转base64

标签:div   code   ast   context   canvas   tin   字符串   tee   string   

原文地址:https://www.cnblogs.com/huanhuan55/p/11535434.html

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