文件下载/文件导出---使用a标签，访问文件路径进行下载

最初@

于 2025-03-04 15:58:13 发布

阅读量278

点赞数 2

文章标签：前端 javascript vue.js html ajax

本文链接：https://blog.youkuaiyun.com/weixin_45393413/article/details/146017783

版权

文件下载/文件导出—使用a标签，访问文件路径进行下载

首先创建一个 a 标签，然后设置其href属性为文件的URL地址，实现文件的下载。

export function downloadFile(data) {
  const elink = document.createElement('a')
  elink.href = process.env.VUE_APP_BASE_API + '/sys/manage/common/downloadAttachFile/?fileName=' + data.fileName + '&filePath=' + data.filePath
  elink.target = '_blank'
  elink.style.display = 'none'
  document.body.appendChild(elink)
  elink.click()
  document.body.removeChild(elink)
}