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

最新推荐文章于 2023-03-27 14:50:14 发布

weixin_33795743

最新推荐文章于 2023-03-27 14:50:14 发布

阅读量765

点赞数

文章标签： python

原文链接：https://my.oschina.net/lilugirl2005/blog/3019121

版权

2019独角兽企业重金招聘Python工程师标准>>>

在电脑上测试 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);

转载于:https://my.oschina.net/lilugirl2005/blog/3019121