最近 作项目,作的要是拍照后上传相片,以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就能够了
至此终于解决了对象