簡體   English   中英

循環遍歷文件URL數組並使用React下載每個文件URL

[英]Loop through array of file urls and download each one with React

我正在努力做我認為'這將是一項簡單的任務。 當用戶單擊按鈕時,我有一系列URL,我想循環並下載到客戶端計算機上。

現在我有一個父組件,其中包含按鈕和一個url(狀態)數組,我想循環並下載。 出於某種原因,我現在這樣做只會下載其中一個文件,而不是下載數組的所有內容。

知道怎么在React中正確地做到這一點?

handleDownload(event){
        var downloadUrls = this.state.downloadUrls;
        downloadUrls.forEach(function (value) {
            console.log('yo '+value)
        const response = {
              file: value,
        };                
            window.location.href = response.file;

        })
    }

我會使用setTimeout在下載每個文件之間稍等一下。

handleDownload(event){
    var downloadUrls = this.state.downloadUrls.slice();
    downloadUrls.forEach(function (value, idx) {
        const response = {
          file: value,
        };
        setTimeout(() => {
            window.location.href = response.file;
        }, idx * 100)
    })
}

在Chrome中,這也會提示要求下載多個文件的權限。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM