js 如何将 图片的base64位编码转换为上传时的文件流

时间:2024-04-05 12:20:43

今天使用cropperjs 裁剪图片上传时,发现cropper裁剪后的图片都是base64位图,js 如何将 图片的base64位编码转换为上传时的文件流

我们后端非让我处理成原始上传文件流传给他,经过尝试发现以下方式:

/**

* @description: base64位图片转码文件流

* @param {type}

* @Date: 2019-05-25 09:57:22

*/

base64toFile (dataurl, filename = 'file') {

let arr = dataurl.split(',')

let mime = arr[0].match(/:(.*?);/)[1]

let suffix = mime.split('/')[1]

let bstr = atob(arr[1])

let n = bstr.length

let u8arr = new Uint8Array(n)

while (n--) {

u8arr[n] = bstr.charCodeAt(n)

}

return new File([u8arr], `${filename}.${suffix}`, {

type: mime

})

},

我们只需要调用此方法即可。结果如图:js 如何将 图片的base64位编码转换为上传时的文件流