vue 文件的批量下载 与单个下载

文件批量下载   

export const downloadFile = (url) => {
    const iframe = document.createElement("iframe");
    iframe.style.display = "none";  // 防止影响页面
    iframe.style.height = 0;  // 防止影响页面
    iframe.src = url; 
    document.body.appendChild(iframe);  // 这一行必须，iframe挂在到dom树上才会发请求
    // 5分钟之后删除（onload方法对于下载链接不起作用，就先抠脚一下吧）
    setTimeout(()=>{
      iframe.remove();
    }, 5 * 60 * 1000);
}

在将 herf做成一个数组在for循环中调用函数就可以了

关于单个文件下载

点击按钮单个下载

DownLoadExcel(sensorCommonId, time) {
      var that = this;
      // 创建隐藏的可下载链接
    var eleLink = document.createElement('a');
    var url=''+that.url';
    eleLink.download = time+sensorCommonId;
    eleLink.style.display = 'none';
    // 字符内容转变成blob地址
   
    eleLink.href = url
    // 触发点击
    document.body.appendChild(eleLink);
   
    eleLink.click();
    // 然后移除
    document.body.removeChild(eleLink);
      
      
    
     
     
    },

当a标签的download不生效

const XML= new XMLHttpRequest();
      XML.open("GET", url, true); // url 文件的完整地址放在url
      XML.responseType = "blob";  //  流的方式
      XML.onload = function () {
        if (XML.status === 200) {
          const res = XML.response;
          const link = document.createElement("a");
          link.style.display = "none";
          const url = window.URL.createObjectURL(res);
          link.href = url;
          link.setAttribute("download", `xxx.pdf`); //文件的类型
          document.body.appendChild(link);
          link.click();
          window.URL.revokeObjectURL(link.href);
          document.body.removeChild(link);
        }
      };
      XML.send();