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);
      
      
    
     
     
    },