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

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

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)
}
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值
OSZAR »