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

一张base64图片格式的图片,转成blob上传到服务器

时间:2023-03-28 15:43:22 HTML

一张base64图片格式的图片,转成blob上传到服务器需求描述一张base64图片格式的图片,转成blob上传到服务器,后台进程更改图片的方式同上接收表单文件上传实现//url代表base64字符串,name代表文件名,uploadFile(url,name){//类型和内容用逗号隔开letarr=url.split(',')//拦截类型letmime=arr[0].match(/:(.*);/)[1]//将base64格式的字符转回原来的字符格式letbstr=window.atob(arr[1])letn=bstr.length,u8arr=newUint8Array(n)while(n--){//将ascll代码值存储在无符号数组中u8arr[n]=bstr.charCodeAt(n)}//转换blobletblob=newBlob([u8arr],{type:mime})blob.lastModifiedDate=newDate()blob.name=name//构造FormDataletformData=newFormData();formData.append('time',moment().format('YYYYMMDD'))formData.append('file',blob)console.log(blob)//发送请求stationData.uploadImg(formData).then(res=>{console.log('aasad',res)})},这里总结就是创建一个blob,通过blob接收一个ArrayBuffer参数的形式。