前端 Blob 文件流点击下载

前端 Blob 文件流点击下载

// 获取blob文件流数据
let fileBlob = new Blob([res.data])
// 用于创建 URL 的 Blob 对象
let fileBlobUrl = URL.createObjectURL(fileBlob)
// 创建一个标签
let link = document.createElement('a')
link.href = fileBlobUrl
// 设置文件下载的名称，（自定义）
link.download = this.downloadFileName
// 模拟点击事件，此时页面将进行下载
link.click()
/* 在每次调用 createObjectURL() 方法时，都会创建一个新的 URL 对象，即使你已经用相同的对象作为参数创建过。当不再需要这些 URL 对象时，每个对象必须通过调用 URL.revokeObjectURL() 方法来释放。

浏览器在 document 卸载的时候，会自动释放它们，但是为了获得最佳性能和内存使用状况，你应该在安全的时机主动释放掉它们。 */
 
window.URL.revokeObjectURL(link)