侧边栏壁纸
博主头像
银河小徐博主等级

A Good Boy ⛵️⛵️⛵️

  • 累计撰写 42 篇文章
  • 累计创建 39 个标签
  • 累计收到 10 条评论

目 录CONTENT

文章目录
Vue

Vue 使用 XMLHttpRequest 导出 excel

银河小徐
2021-08-26 / 0 评论 / 10 点赞 / 48 阅读 / 641 字 / 正在检测是否收录...
温馨提示:
本文最后更新于 2022-06-04,若内容或图片失效,请留言反馈。部分素材来自网络,若不小心影响到您的利益,请联系我们删除。

相关代码:

const formData = new FormData()
const xhr = new XMLHttpRequest()
xhr.open('post', 'http://localhost:8080/api') // url填写后台的接口地址,如果是post,在formData append参数即可
xhr.setRequestHeader('X-Token', getToken())
xhr.responseType = 'blob'
xhr.onload = function(e) {
if (this.status === 200) {
  const blob = this.response
  const filename = '合同.xlsx' // 这里的名字,可以按后端给的接口固定表单设置一下名字,如(费用单.xlsx,合同.doc等等)
  console.log(this.response)
  if (window.navigator.msSaveOrOpenBlob) {
    navigator.msSaveBlob(blob, filename)
  } else {
    const a = document.createElement('a')
    const url = URL.createObjectURL(blob)
    a.href = url
    a.download = filename
    document.body.appendChild(a)
    a.click()
    window.URL.revokeObjectURL(url)
  }
}
}
xhr.send(formData)
10

评论区