下载文件(前端兼容ie)

最新推荐文章于 2022-06-19 16:06:52 发布

mfylove

最新推荐文章于 2022-06-19 16:06:52 发布

阅读量270

点赞数

分类专栏： VUE jeecg 文章标签： vue.js

本文链接：https://blog.csdn.net/mfylove/article/details/114113803

版权

VUE 同时被 2 个专栏收录

10 篇文章 0 订阅

订阅专栏

jeecg

3 篇文章 0 订阅

订阅专栏

methods:{
    getPdf(){
      var that = this
      var htmlTitle = this.htmlTitle //文件名
      var documentStr = document.querySelector('#downloadPdf').innerHTML
      console.log(documentStr)
      documentStr = encodeURI(documentStr);
      htmlTitle = encodeURI(htmlTitle);
      let url = `${window._CONFIG['domianURL']}/${this.pdfUrl}?documentStr=${documentStr}&htmlTitle=${htmlTitle}`; // 接口连接(接口就不写了,都一样)
      downFile(url,{}).then((data)=>{
        if (!data) {
          this.$message.warning("文件下载失败")
          return
        }
        if (typeof window.navigator.msSaveBlob !== 'undefined') {
          window.navigator.msSaveBlob(new Blob([data],{type: 'application/vnd.ms-excel'}), that.htmlTitle+'.pdf')
        }else{
          let url = window.URL.createObjectURL(new Blob([data],{type: 'application/vnd.ms-excel'}))
          let link = document.createElement('a')
          link.style.display = 'none'
          link.href = url
          link.setAttribute('download', that.htmlTitle+'.pdf')
          document.body.appendChild(link)
          link.click()
          document.body.removeChild(link); //下载完成移除元素
          window.URL.revokeObjectURL(url); //释放掉blob对象
        }
      })

    },
}