// 改为使用后台返回url下载文件
方法1：这个会导致在点击下载按钮的时候，页面会跳转到奇怪的url。
window.location.href = row.downloadUrl
方法2：点击下载按钮，不会在新窗口打开。
const downloadRes = async () => {
let response = await fetch(row.downloadUrl)
let blob = await response.blob()
let objectUrl = window.URL.createObjectURL(blob)
let a = document.createElement('a')
a.href = objectUrl
a.download = row.fileName
a.click()
a.remove()
}
downloadRes()
// 后台返回文件流下载文件
fileDownload(row.id).then((res) => {
this.downloadFile(res, row.taskName)
})
fileDownload是下载的接口地址，看下图
export function fileDownload(id) {
return request({
url: '/vehicle/offlineFile/download/' + id,
method: 'get',
responseType: 'blob',
})
}downloadFile方法代码如下：
// 通用下载方法
export function downloadFile(data, filename) {
const content = data
const blob = new Blob([content], {
type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' //文件类型
})
if ('download' in document.createElement('a')) {
const elink = document.createElement('a')
elink.download = filename
elink.style.display = 'none'
elink.href = URL.createObjectURL(blob)
document.body.appendChild(elink)
elink.click()
URL.revokeObjectURL(elink.href)
document.body.removeChild(elink)
} else {
navigator.msSaveBlob(blob, filename)
}文章来源：https://www.toymoban.com/news/detail-413676.html
}文章来源地址https://www.toymoban.com/news/detail-413676.html
到了这里，关于vue使用文件流和url下载文件的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
