js 动态创建a href 循环下载文件只能下载10个或者固定数目的问题

摘要:
您可以使用<在许多地方下载单个图片/文件;下载多个文件时,使用for循环触发ahref下载(当然,这种批量下载方法不建议非常低B,体验也不好,但偶尔会发现这个问题)//for循环触发ah ref下载文件(leti=0;

在web前端项目中,很多地方的下载单张图片/文件都可以用<a href="http://t.zoukankan.com/images/logo.png" download="文件名">来下载指定文件

遇到的问题:

在下载多个文件的时候 使用for 循环来触发 a href  download  (此批量下载方法当然不推荐 很lowB 也体验不好 只是偶尔发现此问题 )

//for循环来触发a href 下载文件
for(let i=0;i<=100;i++){
   // 获取要下载的图片dom
   var img = document.getElementsByClassName('qrcode_canvas')[i]; 
   //获取地址
   var url = img.src;
   var a = document.createElement('a');
   //模拟点击
   var event = new MouseEvent('click');   
   a.download="xxxxx.png";
   a.dispatchEvent(event);    
}

1.此方法在mac的电脑上的chrome 上,不论怎么操作,不管是mac笔记本 8GB16GB运行内存的,还是iMac 一体机16GB内存的 都只能下载 10 张(浏览器也没有报任何错误的log信息 显然不是内存问题)

2.而在window 系统上的chrome 上却没有发现限制,超过10张是可以正常下载的

目前并没有找到具体问题的原因,只能是在现在单个文件时候 可以通过a href download 来下载,下载多个文件的时候用三方插件(主要用到 jszip 和 file-saver 直接下载多个文件的zip压缩文件)

npm install jszip --save
npm install file-saver --save

拓展

https://blog.csdn.net/wzp6010625/article/details/100918051

目前此现象只发生在mac OS系统上

免责声明:文章转载自《js 动态创建a href 循环下载文件只能下载10个或者固定数目的问题》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇xml和json之间的转换程序员做事方法以及思路(转)下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

Vim 命令整理

1. 文件命令 2. 模式切换 3. 移动命令 4. 书签命令 5. 修改命令 6. 可视化操作 7. 区域选择 8. 宏命令 9. 分屏 10. 系统设置命令 1. 文件命令 [:]开始的命令需要输入[Enter]结束   :q:退出 :q!:退出不保存 :qa!:退出所有文件不保存 :w:保存 :e <file>:关闭当前文件并打开另一个...

利用PHP判断iPhone、iPad、Android、PC设备

首页那张大图确实是一个比较头疼的问题 在PC上显示是没问题的,可是到手机上就会超出页面一大截,如果做自适应,图片会被强制压缩 无奈只能用wp_is_mobile()函数在手机上隐藏了这张图,可是这函数似乎对iPad不管用 在iPad Air等高分辨率设备还好,在iPad2这类低分辨率设备上可就惨了 于是我决定自写一段代码解决这个问题 判断代码 我将使用W...

【IDEA】项目中引入Spring MVC

一、原文说明: IntelliJ idea创建Spring MVC的Maven项目 - winner_0715 - 博客园 https://images2015.cnblogs.com/blog/824490/201703/824490-20170305211140532-283571118.png 注:自己的实操源码全在 https://github.c...

使用阿里云服务器写shell脚本发送qq邮件的三个形式

【准备工作】 IPtables的使用如下命令:(执行以下以下命令把25和465端口打开) iptables -A INPUT -p tcp --dport 25 -j ACCEPT iptables -A OUTPUT -p tcp --sport 25 -j ACCEPT iptables -A INPUT -p tcp --dport 465 -j...

CVE-2017-12617 Tomcat 远程代码执行

0×00前情提要 Apache Tomcat团队10月3日宣布,如果配置了默认servlet,则在9.0.1(Beta),8.5.23,8.0.47和7.0.82之前的所有Tomcat版本都包含所有操作系统上的潜在危险的远程执行代码(RCE)漏洞,CVE-2017-12617:远程代码执行漏洞。 只需参数readonly设置为false或者使用参数read...

权限控制管理(用户与菜单项的关联)

GO -- Description: <修改模块权限>-- =============================================ALTER PROCEDURE [dbo].[st_MES_ChgModuleAuth]--1.添加菜单的所具有的权限(对应程序清单的编辑/添加部分。)( @ModuleCode varchar(...