vue解决excel文件下载问题

使用axios进行POST文件请求与下载的实现

原创已于 2023-06-02 20:54:44 修改 · 658 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #javascript #ecmascript

于 2023-06-02 12:07:19 首次发布

/**
 * @param {Object} url  请求地址
 * @param {Object} params  请求参数
 * @param {Object} fileName 文件完整名称，包括类型
 * @param {Object} httpType 返回的文件格式
 */
POSTFILE(url, params, fileName, httpType) {

   var AxiosRequestConfig = {
      responseType: "blob"
   }
   var data = axios.post(`${base}${url}`, params, AxiosRequestConfig).then((res) => {
      if (res.status == 200) {
         let blob = new Blob([res.data], {
            type: httpType
         })
         if (window.navigator.msSaveOrOpenBlob) {
            navigator.msSaveBlob(blob, fileName)
         } else {
            var link = document.createElement('a')
            link.href = window.URL.createObjectURL(blob)
            link.download = fileName
            link.click()
            //释放内存
            window.URL.revokeObjectURL(link.href)
         }

      } else
         Message.error("操作失败，服务端出现异常错误！")
   })
   return data;

},