Vue 使用 XMLHttpRequest 导出 excel

相关代码：

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)

本文由 ·银河小徐 创作，如果您觉得本文不错，请随意赞赏

博客内容遵循 署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0) 协议

本文永久链接是：https://hasaik.com/posts/34469844.html

---

您的喜欢是作者写作最大的动力！❤️

• AliPay
• WeChatPay
• QQPay

Donate