base64转化字节流 js_JavaScript 图片与Base64数据互相转换脚本

图片转换为Base64数据

方法一：非Html 5使用FileReader

使用XMLHttpRequest将图像加载为blob，接着使用FileReader API将其转换为dataURL。function toDataURL(url, callback) {

var xhr = new XMLHttpRequest();

xhr.onload = function() {

var reader = new FileReader();

reader.onloadend = function() {

callback(reader.result);

}

reader.readAsDataURL(xhr.response);

};

xhr.open('GET', url);

xhr.responseType = 'blob';

xhr.send();

}

toDataURL('https://www.gravatar.com/avatar/00000000000000000000000000000000?d=identicon&f=y', function(dataUrl) {

console.log('结果:', dataUrl)

})

方法二：Html 5使用Canvas

将图像加载到Image对象中，将其绘制到Canvas上，最后转换为dataURLfunction toDataURL(src, callback, outputFormat) {

var img &#