混合开发图片上传 base64转file的坑

lilugirl

发布于 2019-05-28 08:24:54

3K00

代码可运行

文章被收录于专栏：前端导学前端导学

运行总次数：0

代码可运行

在电脑上测试 base64转file 没有问题，可以正常上传，

但是在手机上传确实失败的，经过分析发现手机上base64转 file 生成的file对象和pc版的不同。

网上找到了相关资料发现 base64转file存在浏览器兼容问题，需要先将base64转成blob ——> 再blob转成file

 //将base64转换为blob
    dataURLtoBlob: function(dataurl) { 
        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 Blob([u8arr], { type: mime });
    },
    //将blob转换为file
    blobToFile: function(theBlob, fileName){
       theBlob.lastModifiedDate = new Date();
       theBlob.name = fileName;
       return theBlob;
    },
    //调用
    var blob = dataURLtoBlob(base64Data);
    var file = blobToFile(blob, imgName);