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

写在最后

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

相关推荐:

 
上一篇:SQL SERVER 2000安装教程图文详解


下一篇:UVA 11404 五 Palindromic Subsequence