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

今天使用cropperjs 裁剪图片上传时，发现cropper裁剪后的图片都是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

    })

},

 

我们只需要调用此方法即可。结果如图：