导出或者下载文件流封装（兼容ie9以上）

最新推荐文章于 2024-05-15 22:50:31 发布

yang_web

最新推荐文章于 2024-05-15 22:50:31 发布

阅读量321

点赞数 1

分类专栏：组件封装文章标签： vue.js javascript ajax

本文链接：https://blog.csdn.net/yang_web/article/details/124292430

版权

组件封装专栏收录该内容

8 篇文章 0 订阅

订阅专栏

导出或者下载文件流封装（兼容ie9以上）

export default {
  methods: {
    /** 导出文件流封装
     * @param {falg}  boolean true 勾选导出 false  导出全部 require
     * @param {api}  String require
     * @param {apiName} String require
     * @param {fileName} String 导出文件名字 require
     * @param {data}  any 接口传参 require
     * @param {multipleSelection} Array 选中的数组
     */
    exportFileCommon(
      falg = true,
      api,
      apiName,
      fileName = 'name.doc',
      data,
      multipleSelection = []
    ) {
      if (falg && !multipleSelection.length) {
        this.$message.warning('请选择至少一条在导出')
        return
      }
      this[api](apiName, data, (res) => {
        var blob = new Blob([res.data])
        if (window.navigator.msSaveOrOpenBlob) {
          // ie兼容处理
          navigator.msSaveBlob(blob, fileName)
          return
        }
        if ('download' in document.createElement('a')) {
          var url = window.URL.createObjectURL(new Blob([res.data]))
          var link = document.createElement('a')
          link.style.display = 'none'
          link.href = url
          link.setAttribute('download', fileName)
          document.body.appendChild(link)
          link.click()
        }
      })
    }
  }
}