js は画像 BLOB オブジェクトと画像 Base64 を相互に変換します

1. 次のコードをコピーして 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})
   }
   

2. 使用方法: 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)