美文网首页
原生js单个文件下载与多个文件下载

原生js单个文件下载与多个文件下载

作者: 叶洛_0f3c | 来源:发表于2018-10-11 10:40 被阅读0次

工作当中对文件下载的记录,有个需求是要下载多个文件,发现使用a标签或window.open,即使是在for循环里也只能下载一个文件,感觉是浏览器的限制,这点现在都没有弄明白。暂且先记录下我是怎么实现多个文件下载的,免得忘记。

1.单个文件下载:

       let a = document.createElement("a");

       let evt = document.createEvent("HTMLEvents");

       evt.initEvent("click", true, true); //initEvent 不加后两个参数在FF下会报错  事件类型,是否冒泡,是否阻止浏览器的默认行为

       a.download=“aaa”;

       a.href = "downloadUrl";

       a.click();

2.多个文件下载:

        for (let i in downloadUrls) {

             if (downloadUrls[i] !== "") {

                     let adress = downloadFileApi + downloadUrls[i];

                     setTimeout(function() {

                           let frame = document.createElement("iframe");

                           frame.setAttribute("id", "iframe_" + i);

                           frame.src = adress;

                           document.body.appendChild(frame);

                            setTimeout(function() {

                                      document.body.removeChild(frame);

                             }, 1000);

                    }, 100);

            }

     }

相关文章

  • 原生js单个文件下载与多个文件下载

    工作当中对文件下载的记录,有个需求是要下载多个文件,发现使用a标签或window.open,即使是在for循环里也...

  • 01~GEO-数据下载

    prefetch命令下载SRA 下载单个SRA文件 下载多个SRA文件

  • wget下载数据

    下载单个文件 -nc: 继续下载中断的操作 下载目录下面所有文件 下载多个文件:

  • 自定义 hook —— useDownload

    基础功能 根据单个链接下载文件到本地 根据多个链接同时下载文件到本地 下载中的状态 state 具体实现代码

  • 浏览器一次性弹出多个下载窗口

    标签(空格分隔): js 准备工作 点击下载按钮,获取后台返回的下载链接,一般是"ftp://开头的 下载单个文件...

  • iOS WKWebView实现blob协议文件下载

    WKWebView不支持blob协议文件的下载,使用js注入,让js代码去下载,完成后将数据返回原生。blob地址...

  • js模块化理解

    无模块化 单个js文件, 文件大, 为了提高项目代码的可读性、可扩展性拆分成多个js文件 多个js文件之间的相互依...

  • shell脚本实现FTP上传下载

    下载单个文件脚本代码 上传单个文件脚本代码 批量下载脚本代码 批量上传脚本代码 命令解释 登录FTP << 是使用...

  • 小问题合集

    如何从github上下载单个文件?打开github上文件地址,点击Raw获取真实文件地址,然后通过curl命令下载...

  • rz/sz

    [toc] 1、sz用法(下载): 下载一个文件 : sz filename下载多个文件 : sz filenam...

网友评论

      本文标题:原生js单个文件下载与多个文件下载

      本文链接:https://www.haomeiwen.com/subject/vvkpaftx.html