1. 瀏覽器展示Blob/File文件
I.Blob格式轉Base64格式
當我們接收到后端傳輸過來的文件時,很多時候我們需要將傳過來的文件轉為Base64格式。如后端傳來驗證碼圖片時等
下面將提供函數:
// Blob轉Base64
export const blobToBase64 = (blob: Blob) =>new Promise((resolve, reject) => {const reader = new FileReader();reader.onload = () => resolve(reader.result);reader.onerror = (error) => {reject(error);};reader.readAsDataURL(blob);});
注意:請求時可以設置responseType:‘blob’,以獲得Blob格式文件
II. URL.createObjectURL(file:File|Blob)
方法
createObjectURL
是JavaScript中一個非常有用的函數,它可以將Blob、File等二進制文件轉換為瀏覽器可以直接顯示的URL地址,從而方便進行展示、下載等操作。
URL.createObjectURL(file:File|Blob)
方法將其轉換為URL地址,這樣可以是對應標簽展示文件,比如img
展示圖片。使用完URL后,需要手動釋放URL.revokeObjectURL(url)
。否則可能會導致內存泄漏和性能問題。