vue接收文件流格式文件进行下载导出

最新推荐文章于 2024-08-22 04:06:14 发布

88岁偷懒被抓

最新推荐文章于 2024-08-22 04:06:14 发布

阅读量274

点赞数

文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/newbaby123/article/details/126411041

版权

这段代码展示了如何在前端通过JavaScript实现Excel文件的下载。利用axios请求获取数据，然后创建Blob对象，设置下载链接和文件名，触发浏览器的下载行为。下载函数downloadSignedAmount()用于下载'签单金额统计'表格，而downloadReturnProfit()则用于下载其他可能的数据。

摘要由CSDN通过智能技术生成

exportData() {
      this.eLoading = true
      const query = {
        tableName: '签单金额统计'
      }
      downloadSignedAmount().then(res=>{
        const blob = new Blob([res.data],{type: 'application/xlsx'})
        const filename = query.tableName + '.xlsx'
        const link = document.createElement('a')
        link.href = URL.createObjectURL(blob)
        link.download = filename
        document.body.appendChild(link)
        link.click()
        window.setTimeout(function(){
          URL.revokeObjectURL(blob)
          document.body.removeChild(link)
        },0)
        this.eLoading = false
      }).catch(res => {
        this.eLoading = false
      })
    },

export function downloadReturnProfit(query) {
  return request({
    url: '/business/operatecontract/downloadReturnProfit',
    method: 'get',
    params: query,
    responseType: 'arraybuffer'
  })
}