链接下载文件自定义文件名称

链接下载文件自定义文件名称

创建download.js

       // 下载方法
      const downloadExcel = (url, filename) => {
        getBlob(url).then((blob) => {
          saveAs(blob, filename);
        });
      }
      /**
       * 获取 blob
       * @param  {String} url 目标文件地址
       * @return {Promise}
       */
       function getBlob(url) {
        return new Promise((resolve) => {
          const xhr = new XMLHttpRequest();
  
          xhr.open('GET', url, true);
          xhr.responseType = 'blob';
          xhr.onload = () => {
            if (xhr.status === 200) {
              resolve(xhr.response);
            }
          };
  
          xhr.send();
        });
      }
      /**
       * 保存
       * @param  {Blob} blob
       * @param  {String} filename 想要保存的文件名称
       */
       function saveAs(blob, filename) {
        if (window.navigator.msSaveOrOpenBlob) {
          navigator.msSaveBlob(blob, filename);
        } else {
          const link = document.createElement('a');
          const body = document.querySelector('body');
  
          link.href = window.URL.createObjectURL(blob);
          link.download = filename;
          // fix Firefox
          link.style.display = 'none';
          body.appendChild(link);
  
          link.click();
          body.removeChild(link);
  
          window.URL.revokeObjectURL(link.href);
        }
      }
      
  export default{
    downloadExcel
  }

在main.js实现全局引用

import downloadProject from './assets/js/download' //下载链接文件
app.config.globalProperties.downloadProjectExcel = downloadProject.downloadExcel

页面使用

proxy.downloadProjectExcel(文件链接名称,'自定义名称.xlsx')