這篇文章給大家分享的是有關(guān)javascript怎么實現(xiàn)多個任務(wù)一次下載的方法的內(nèi)容。小編覺得挺實用的，因此分享給大家做個參考。一起跟隨小編過來看看吧。

成都網(wǎng)站建設(shè)哪家好，找創(chuàng)新互聯(lián)公司！專注于網(wǎng)頁設(shè)計、成都網(wǎng)站建設(shè)、微信開發(fā)、微信平臺小程序開發(fā)、集團(tuán)成都企業(yè)網(wǎng)站定制等服務(wù)項目。核心團(tuán)隊均擁有互聯(lián)網(wǎng)行業(yè)多年經(jīng)驗，服務(wù)眾多知名企業(yè)客戶；涵蓋的客戶類型包括：餐廳設(shè)計等眾多領(lǐng)域，積累了大量豐富的經(jīng)驗，同時也獲得了客戶的一致認(rèn)可！

真實經(jīng)歷

最近開發(fā)項目需要做文件下載，想想挺簡單的，之前也做過，后臺提供下載接口，前端使用window.location.href就行了唄。不過開發(fā)的時候發(fā)現(xiàn)，有些文件有附屬文件，點擊下載按鈕需要下載兩個文件，而且不能使用壓縮包的形式。想想不是也挺簡單，點擊 下載 發(fā)送兩個下載請求不就搞定了么。

說干就干，三下五除二就寫好了，當(dāng)點擊 下載 的那一刻懵逼了， 第一個請求竟然自動Cancelled了，頓時一萬個草泥馬崩騰而過(因為是國外服務(wù)器，下載比較慢導(dǎo)致第一個請求被Cancelled)，這就意味著快速點擊不同的 下載 按鈕也會有同樣的問題，這不行啊，然后開始了自己的下載探索之旅。

a標(biāo)簽 & location.href

我們知道a標(biāo)簽及href指向的如果是一個下載鏈接，那么相當(dāng)于下載文件，對于單文件下載還是ok的，不過快速點擊幾個下載按鈕，有的下載會被Cancelled，這可不行，繼續(xù)百度。

上一段代碼：

const download = (url)=>{
   window.location.href = url;
}

window.open

我們知道window.open可以打開一個新窗口，那么是不是可以實現(xiàn)下載呢，激動的我趕緊試了試，下載的確可以，不過會快速打開一個新窗口并且關(guān)閉，體驗非常不好，果斷放棄了。

iframe

突然想到iframe也可以向服務(wù)器發(fā)請求的，激動的我又趕緊試了試，哇塞，果然可以下載，而且沒有違和感，代碼貼出來。

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樹上才會發(fā)請求
  // 5分鐘之后刪除（onload方法對于下載鏈接不起作用，就先摳腳一下吧）
  setTimeout(()=>{
    iframe.remove();
  }, 5 * 60 * 1000);
}

ps： iframe不會相互影響，可以連續(xù)下載哦!

其他方案

當(dāng)然還有一些其他方式，F(xiàn)orm下載、二進(jìn)制流下載等，有空的小伙伴自行研究吧!

感謝各位的閱讀！關(guān)于javascript怎么實現(xiàn)多個任務(wù)一次下載的方法就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，讓大家可以學(xué)到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！

文章標(biāo)題：javascript怎么實現(xiàn)多個任務(wù)一次下載的方法-創(chuàng)新互聯(lián)
當(dāng)前地址：http://chinadenli.net/article20/dgggco.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供Google、全網(wǎng)營銷推廣、網(wǎng)站設(shè)計、品牌網(wǎng)站建設(shè)、搜索引擎優(yōu)化、品牌網(wǎng)站設(shè)計

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)