vue的createObjectURL是一個非常有用的工具,它的作用是在瀏覽器端創建一個指定blob數據的URL,可以用于展示、下載等操作。createObjectURL方法的語法非常簡單,只需要傳入一個blob對象即可:
let blobData = new Blob([data], {type: 'application/octet-stream'})
let objectUrl = URL.createObjectURL(blobData)
其中data是一個二進制數組,可以是任何類型的數據,比如字符串、圖片數據等。type參數表示數據的MIME類型,用來告訴瀏覽器數據的格式。
使用完createObjectURL方法之后,一定要記得調用URL.revokeObjectURL方法來釋放資源:
URL.revokeObjectURL(objectUrl)
這個方法會讓瀏覽器釋放指定URL的內存資源,避免內存泄露的問題。
下面是一個示例,演示如何使用createObjectURL方法在瀏覽器端下載一個文件:
function downloadFile(filename, content) {
let blobData = new Blob([content], {type: 'application/octet-stream'})
let objectUrl = URL.createObjectURL(blobData)
let link = document.createElement('a')
link.href = objectUrl
link.download = filename
document.body.appendChild(link)
link.click()
URL.revokeObjectURL(objectUrl)
document.body.removeChild(link)
}
這個函數接收兩個參數:文件名和文件內容(以二進制數組的形式)。函數先創建一個Blob對象,然后使用createObjectURL方法生成URL,將這個URL設置給一個鏈接元素,模擬用戶點擊鏈接下載文件。最后一定要釋放資源和刪除創建的鏈接元素。
上一篇mysql創表規定男或女
下一篇mysql初值