当前位置: 首页 > Web前端 > HTML5

data-imagedataurl将文件转换为Blob上传后端

时间:2023-04-05 00:41:20 HTML5

在某些场景下,比如canvas获取的图片,或者微信开发sdk返回的图片格式是data:img格式,我们需要上传到服务器,然后需要进行转换。ConvertdataURLtoBlob//base64toblobdataURItoBlob(dataURI){//将base64/URLEncoded数据组件转换为字符串中保存的原始二进制数据letbyteString;if(dataURI.split(',')[0].indexOf('base64')>=0){byteString=atob(dataURI.split(',')[1]);}elsebyteString=unescape(dataURI.split(',')[1]);//分离出mime组件constmimeString=dataURI.split(',')[0].split(':')[1].split(';')[0];//将字符串的字节写入类型化数组constia=newUint8Array(byteString.length);for(leti=0;i{const{url,payload}=paramsreturnaxios.post(url,payload,{headers:{'Content-Type':'multipart/form-data'}}).then(x=>x.data)}