zoukankan      html  css  js  c++  java
  • vue 导出功能 后端返回流

     1. import XLSX from 'xlsx'
      import ES6Promise from 'es6-promise'
    
     2.入参增加 responseType: 'blob',
      例如: exportTemporaryList: params => {
        return api.get({url: '/temporary/exportTemporaryList', params, responseType: 'blob', headers: {'Content-Type': 'application/json'}})
      },
    
    3. organApi.exportTemporaryList(dataInformation) // 重新获取下级节点
              .then((res2) => {
                 let downloadFileName =  'aaaa.xlsx' // 导出后文件名
                      if ('msSaveOrOpenBlob' in navigator) { // Microsoft Edge and Microsoft Internet Explorer 10-11
                        window.navigator.msSaveOrOpenBlob(res2, downloadFileName)
                      } else { // standard code for Google Chrome, Mozilla Firefox etc
                        var blob = new Blob([res2], {type: 'application/vnd.ms-excel'})
                        var downloadElement = document.createElement('a')
                        var href = window.URL.createObjectURL(blob) // 创建导出的链接
                        downloadElement.href = href
                        downloadElement.download = downloadFileName
                        document.body.appendChild(downloadElement)
                        downloadElement.click() // 点击导出
                        setTimeout(() => {
                          document.body.removeChild(downloadElement) // 导出完成移除元素
                          window.URL.revokeObjectURL(href) // 释放掉blob对象
                        }, 500)
                      }
            })
     
    

      

  • 相关阅读:
    ELK 一些截图
    AD域
    NPOI
    搭建harbor
    【【【【日常问题记录】】】】
    golang yaml配置文件解析
    golang操作mysql使用总结
    【转】mysql优化步骤
    【转】Mysql事务,并发问题,锁机制
    golang curl
  • 原文地址:https://www.cnblogs.com/cyf-1314/p/13692440.html
Copyright © 2011-2022 走看看