实现一个页面多个文件的批量下载

原创于 2020-11-10 15:15:38 发布 · 2k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#js #vue

vue 专栏收录该内容

30 篇文章

订阅专栏

本文介绍了一种使用JavaScript实现的批量下载方法。通过定时打开指定URL，实现了在浏览器限制新窗口打开速度的情况下，依然能够快速进行多个文件的下载。该方法适用于需要频繁下载多个文件的场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

浏览器的安全机制决定着不能短时间内打开多个新的空白窗口
但是一般下载都是需要打开新的窗口，多个下载就需要快速打开多个新的窗口
所以就需要另辟蹊径

    // 获取总的url
    let urlarr = ['https://mirrors.tuna.tsinghua.edu.cn/apache/maven/maven-3/3.6.3/source/apache-maven-3.6.3-src.zip', 'https://nodejs.org/dist/latest-v10.x/node-v10.23.0-headers.tar.xz']

    // 打开url
    function openUrl(url) {
        window.location.href = url
    }

    // 单个下载满足条件 以及不满足条件
    var fileindex = 0
    function handledown() {
        console.log(fileindex)
        if (fileindex == urlarr.length) {
            clearInterval(cancel)
        } else {
            openUrl(urlarr[fileindex]);
            fileindex += 1
        }
    }

    // 批量执行
    var cancel = setInterval(handledown, 500)