<script> funcion downLoad(fileUrls){//fileUrls是個數(shù)組，存放下載文件的路徑，類似["http://111.dwg", "http://222.docx"......]var main = document.getElementById("main");//隨便獲取一個頁面上的div，Id要與括號內(nèi)相同fileUrls.forEach((url,index) => {//使用了閉包，返回的函數(shù)能夠使用外部的pathconst path = url;var timer1 = setTimeout(function(path){return function(){//定義一個看不見的iframeconst iframe = document.createElement("iframe");iframe.style.display = "none"; // 防止影響頁面設(shè)置不可見iframe.style.height = "0"; // 防止影響頁面高度設(shè)置為0iframe.src = path;//下載地址main.appendChild(iframe);// 這一行必須，iframe掛在到dom樹上才會發(fā)請求var timer2 = setTimeout(function(){iframe.remove();clearTimeout(timer2)},5000) //這個就根據(jù)實際情況定義一下延時刪除添加的iframe,不刪除也問題不大clearTimeout(timer1);} }(path), 1000 * index) //每隔1s插入一個iframe//下面這種方法對于多個文件，只能下載最后一個，所以批量下載不適用，單個文件下載沒問題； /*var main = document.getElementById("main");a.setAttribute("style", "display:none;");main.appendChild(a); // 修復(fù)firefox中無法觸發(fā)clicka.setAttribute("download", model.FileUrl);a.setAttribute("href", model.FileUrl);a.click();main.removeChild(a); */}); } </script>

總結(jié)

以上是生活随笔為你收集整理的js 批量下载文件的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。