下载文件，导出文件的方式

写代码的贝塔子

于 2020-08-10 19:55:35 发布

阅读量511

点赞数

分类专栏：常用业务方法文章标签： js javascript 前端

本文链接：https://blog.csdn.net/weixin_42556438/article/details/107919240

版权

常用业务方法专栏收录该内容

2 篇文章

订阅专栏

后台管理系统中会有很多导出文件的地方，总结两种方式

window.open()
通过向dom中添加a标签

window.open()

这种方式简单，会打开一个新的新的标签页，并且加载指定资源，但当标签页关闭的时候会感觉页面抖动了一下。

通过向dom中添加a标签

不会打开标签页，但需要操作dom

function downloadFile(id) {
  const domA = document.createElement('a')
  domA.setAttribute('id', 'createId')
  domA.setAttribute('href', `download?id=${id}`)
  // 防止反复添加
  if (document.getElementById('createId')) {
    document.body.removeChild(document.getElementById('createId'))
  }
  document.body.appendChild(domA)
  domA.click()
  document.body.removeChild(domA)
}