Vue 下载文件
对于浏览器来说,
- 文本、图片等可以直接打开的文件,不会进行自动下载
- 压缩包、xls文件等无法直接打开的文件,会自动进行下载
- 下载方式(针对浏览器无法识别的)
window.loaction.href = filePath // 进行跳转自动下载
- 创建 dom元素进行下载
//此时接口返回的data是二进制数据
download_file(data).then(res =>{
let fileName = row.name //定义文件名
const link = document.createElement('a') // 创建a标签dom元素
link.download = fileName // 定义文件名
link.href = URL.createObjectURL(res) //
link.target = '_blank';
link.style.display = 'none';
document.body.appendChild(link);
link.click(); // 触发点击事件
// URL.romoveObjectURL(fileUrl)
document.body.removeChild(link)
})