【520】移动端上传图片功能(二)

base64转file

核心部分
这部分主要是将input type=file获取到的base64码转成file形式,一般看情况,如果后端需要base64,辣么就不用转啦,直接用。

dataURLtoFile(dataurl,filename) {//将base64转换为文件 (base64, 'jpg/png/gif')
   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);
    }
    return new File([u8arr], filename, {type:mime});
},

当然还有就是

base64转blob二进制流

核心部分载这

dataToBlob(data){

        data = data.split(',')[1]; //dataURL 的格式为 “data:image/png;base64,****”,逗号之前都是一些说明性的文字,我们只需要逗号之后的就行了 
        data = window.atob(data); // decode the string      
        var ia = new Uint8Array(data.length);     
        for (var i = 0; i < data.length; i++) {     
            ia[i] = data.charCodeAt(i);     
        };     
        //canvas.toDataURL 返回的默认格式就是 image/png     
        var blob = new Blob([ia], {     
        type: "image/jpeg"     
        });  
        console.log('二进制流',blob);   
        // var fd = new FormData(document.getElementById('imgUpload'));     
        // fd.set('imgFile',blob);
        // this.compressedFile = fd;
        // console.log('压缩完file', this.compressedFile,'file',fd.get('imgFile'));
},

你可能感兴趣的:(实例方法分享)