-
将以下代码复制封装于xxx.js文件中,放置在项目文件夹utiles下
/** * 图片blob转图片base64 * @param blob */ export function blobToBase64 (blob) { return new Promise((resolve, reject) => { const fileReader = new FileReader() fileReader.onload = (e) => { resolve(e.target.result) } // readAsDataURL fileReader.readAsDataURL(blob) fileReader.onerror = () => { reject(new Error('blobToBase64 error')) } }) } /** * 图片base64转blob * @param base64 base64图片 */ export function base64ToBlob (base64) { let bstr = window.atob(base64), n = bstr.length, u8arr = new Uint8Array(n); while (n--) { u8arr[n] = bstr.charCodeAt(n) } return new Blob([u8arr], { type: base64}) }
-
使用:引入xxx.js文件,调用方法
// 注意引入路径不要出错 import { blobToBase64, base64ToBlob } from '@/utils/xxx.js' blobToBase64(blob).then(res => { // 输出图片base64 console.log(res) }).catch(err => { console.log(err) }) let blob = base64ToBlob(base64) // 输出图片bolb对象 console.log(blob)
js将图片blob对象与图片base64互相转换
于 2022-12-19 20:25:14 首次发布