导出xlsx的两种方式（接口）

最新推荐文章于 2024-08-02 11:11:17 发布

维他命啊

最新推荐文章于 2024-08-02 11:11:17 发布

阅读量581

点赞数

分类专栏：组件文章标签： elementui vue.js javascript

本文链接：https://blog.csdn.net/weitaminga/article/details/123898064

版权

组件专栏收录该内容

4 篇文章 0 订阅

订阅专栏

本文探讨了两种JavaScript实现文件下载的方式，一种通过`window.URL.createObjectURL`配合`<a>`元素，另一种使用Blob对象直接创建下载链接。重点在于两种方法的代码实现和文件名设置。

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

download (data) {
          if (!data) {
              return
          }
          let url = window.URL.createObjectURL(new Blob([data]))
          let link = document.createElement('a')
          link.style.display = 'none'
          link.href = url
          link.id='Adownload'
          link.setAttribute('download', 'excel.xls') //下载后文件名
          
          document.body.appendChild(link)
          link.click()
          document.getElementById('Adownload').remove();
      }

 const link = document.createElement('a')
        let blob = new Blob([res.data], {type: 'application/vnd.ms-excel'})
        link.style.display = 'none'
        link.href = URL.createObjectURL(blob)
 
        // link.download = res.headers['content-disposition'] //下载后文件名
        link.download = data.fileName //下载的文件名
        document.body.appendChild(link)
        link.click()
        document.body.removeChild(link)