JavaScript 多文件下载

3.iframe方式 兼容多种浏览器

function IEdownloadFile(fileName, contentOrPath){
    var ifr = document.createElement('iframe');
    ifr.style.display = 'none';
    ifr.src = contentOrPath;
    document.body.appendChild(ifr);
    // 保存页面 -> 保存文件
    ifr.contentWindow.document.execCommand('SaveAs', false, fileName);
    document.body.removeChild(ifr);
} 

//图片类型保存

var isImg = contentOrPath.slice(0, 10) === "data:image" ；

 

// dataURL 的情况

isImg && ifr.contentWindow.document.write( "<span style=" font-family: Arial, Verdana, sans-serif; ">" );</span>

1.h5方式 模拟点击 不支持ie

function downloadFile(fileName, content){
    var aLink = document.createElement('a');
      , blob = new Blob([content])
      , evt = document.createEvent("HTMLEvents");
 
    evt.initEvent("click");
 
    aLink.download = fileName;
    aLink.href = URL.createObjectURL(blob);
    aLink.dispatchEvent(evt);
}

2.打开新窗口 模拟保存 不支持360 搜狗等安全浏览器

// 将文件在一个 window 窗口中打开，并隐藏这个窗口。
var win = window.open("path/to/file.ext", "new Window", "width=0,height=0");
// 在 win 窗口中按下 ctrl+s 保存窗口内容
win.document.execCommand("SaveAs", true, "filename.ext");
// 使用完了，关闭窗口
win.close();

参考文章：https://www.2cto.com/kf/201612/573627.html