vue3中前端自定义命名文件名称下载文件的方法
# 例子
商业秘密项目中,用户下载文件时需要特定的名字在浏览器展示 下面是js方法
const dowloadFile = (item) => {
fetch(item.fileUrl) // 通过 Fetch 请求获取文件内容
.then((response) => response.blob()) // 将响应转为 Blob
.then((blob) => {
const link = document.createElement("a")
link.href = URL.createObjectURL(blob) // 创建一个临时的 URL 来指向 Blob
link.download = item.fileName // 设置下载文件名
link.click() // 触发下载
})
.catch((error) => {
console.error("下载文件失败:", error)
})
}
1
2
3
4
5
6
7
8
9
10
11
12
13
2
3
4
5
6
7
8
9
10
11
12
13
上次更新: 2024/12/30, 14:58:53