Base64转Blob的方式

Posted ezhar

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Base64转Blob的方式相关的知识,希望对你有一定的参考价值。


/**
 * @description 将图片的base64 转变成Blob形式
 * */
function dataURLtoBlob(dataurl) {
    let arr = dataurl.split(‘,‘)
    let mime = arr[0].match(/:(.*?);/)[1]

    let bstr = atob(arr[1])
    let n = bstr.length
    let u8arr = new Uint8Array(n)
    while (n--) {
        u8arr[n] = bstr.charCodeAt(n)
    }
    return new Blob([u8arr], { type: mime })
}

/**
 * @description 使用canvas绘制缩略图
 * */
export const getImageByCanvas = function(url, callback) {
    getThumb(url, dataURL => {
        callback(window.URL.createObjectURL(dataURLtoBlob(dataURL)))
    })
}


以上是关于Base64转Blob的方式的主要内容,如果未能解决你的问题,请参考以下文章

前端js实现 blob转base64位 和 base64位转blob

uniapp 图片base64格式转blob格式方法

base64转文件(blob)遇到的一个问题

js中的blob,base64,url之间的关系

图片base64与blob互转

JS atob btoa方法处理base64数据后转Blob类型实现文字转语音.mp3文件