一.轉(zhuǎn)換文章來源：http://www.zghlxwxcb.cn/news/detail-777966.html
//將blob轉(zhuǎn)換為url
const changeBlobToUrl = blobData => {
return new Promise(resolve => {
//創(chuàng)建Blob對(duì)象
const blob = new Blob([blobData])
// 創(chuàng)建FileReader對(duì)象
const reader = new FileReader()
reader.onload = function (e) {
resolve(e.target.result)
}
// 使用FileReader讀取Blob數(shù)據(jù)
reader.readAsDataURL(blob)
})
}?二.下載文章來源地址http://www.zghlxwxcb.cn/news/detail-777966.html
//前端下載blob的url類型文件
const downloadFileByBlobUrl = (url: string, name: string) => {
aDownload(url, name)
URL.revokeObjectURL(url)
}
const aDownload = (url, name) => {
// 創(chuàng)建<a>元素
const link = document.createElement("a")
// 設(shè)置<a>元素的屬性
link.href = url
link.download = name
// 將<a>元素添加到文檔中
document.body.appendChild(link)
// 觸發(fā)點(diǎn)擊事件
link.click()
// 移除<a>元素
document.body.removeChild(link)
}到了這里，關(guān)于前端將blob轉(zhuǎn)換為可下載的url及下載的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
