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

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

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

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

代码语言：javascript复制

 //将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);

base64 blob file 测试 浏览器

0 人点赞