解决 new file()在IOS下不兼容 的问题

最近 作项目,作的要是拍照后上传相片,以file格式上传。。因此 拍照 后用canvas生成base64格式再转file。。在PC和安卓都是没有问题,到IOS上面不行。。new file后就是生成一个{};canvas

查了下file对象 ,支持的浏览器以下:浏览器

 

接口文档 上面 介绍的是file也是 特殊的类型blob:spa

 

 而blob对象 主持 主流 的浏览器 。因此转换为blob再转成file来上传,代码 以下:code

 //转成blob
function dataURLtoBlob(toDataURL) {
var arr = toDataURL.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 }); }
    //转成file function blobToFile(Blob, fileName) { Blob.lastModifiedDate
= new Date(); Blob.name = fileName; return Blob; } // 调用以下 let bold = dataURLtoBlob(base64Url); let file = blobToFile(bold, "fileName"); // 上传file就能够了

至此终于解决了对象

相关文章
相关标签/搜索