window把图片转成blob_js实现图片资源、blob、base64的各种场景转换

1、文件转babase64

function getImgToBase64(url,callback){//将图片转换为Base64

var canvas = document.createElement('canvas'),

ctx = canvas.getContext('2d'),

img = new Image;

img.crossOrigin = 'Anonymous';

img.onload = function(){

canvas.height = img.height;

canvas.width = img.width;

ctx.drawImage(img,0,0);

var dataURL = canvas.toDataURL('image/png');

callback(dataURL);

canvas = null;

};

img.src = url;

}

2、base64转换为file/blob对象

function Base64toFile(dataurl, filename) {//将base64转换为文件

var arr = dataurl.split(','), mime = arr[0].match(/:(.*?);/)[1],

bstr = atob(arr[1]), n = bstr.length, u8arr = new Uint8Array(n);

while(n--){

u8arr[n] = bstr.charCodeAt(n);