axios 或 ajax 请求文件

DragonWar%

于 2019-04-22 14:24:00 发布

阅读量80

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/dw3306/p/10749900.html

本文介绍如何使用Axios库发起POST请求，并将响应的数据保存为Zip格式的文件。通过创建Blob对象并利用HTML5的a标签或IE浏览器的navigator.msSaveBlob方法实现文件的下载。适用于前端开发人员。

axios 或 ajax 请求文件

 axios({
        url: path + '/monitor/exportPicture' + '?access_token=' + getToken(),
        method: 'post',
        type: 'application/zip',
        data: this.pptFormInfo,
        responseType: 'blob'
      }).then(response => {
        const blob = new Blob([response.data])
        const fileName = this.schemeName + '.zip'
        if ('download' in document.createElement('a')) { // 非IE下载
          const elink = document.createElement('a')
          elink.download = fileName
          elink.style.display = 'none'
          elink.href = URL.createObjectURL(blob)
          document.body.appendChild(elink)
          elink.click()
          URL.revokeObjectURL(elink.href) // 释放URL 对象
          document.body.removeChild(elink)
          this.disable = false
        } else { // IE10+下载
          navigator.msSaveBlob(blob, fileName)
          this.disable = false
        }
      })