jq获取页面中所有的a链接并执行下载功能

最新推荐文章于 2023-06-30 15:10:43 发布

weixin_30296405

最新推荐文章于 2023-06-30 15:10:43 发布

阅读量524

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/dushaojun/p/9995451.html

本文探讨了一个在JavaScript中使用each方法批量下载文件时遇到的bug，即只执行最后一项下载任务。通过修改代码逻辑，使用自定义函数downfileByFileId解决了这一问题，确保所有文件都能被正确下载。同时，文中还提到了不同浏览器如IE、Chrome和Firefox在处理多文件下载时的行为差异。

首先记录一下BUG

　　最开始一直是以以下方式进行下载的，但是发现，他只会下载最后一条数据，但是你在调试过程中或者alert的时候他又能全部执行下载，这真是一个很奇怪的问题，为此研究了好久

　　错误代码如下:

$('#fromHTMLtestdiv').find("a").each(function (i) {

  this.click();  
}

正确代码如下

function downfileByFileId(fileId,i) {
            var loadFrameId = "#dFF" + i;
            //var loadFrame = $(loadFrameId);

            var loadFrameEm = "<iframe id=\"" + loadFrameId + "\"  src=\"" + fileId + "\"  style=\"display:none;\"></iframe>";
            $(document.body).append(loadFrameEm);


}


$('#fromHTMLtestdiv').find("a").each(function (i) {
                downfileByFileId($('#fromHTMLtestdiv').find("a")[i].href,i);

});

　另外需要注意的是，因为ie浏览器有限制，所以在ie浏览器上运行的时候还是下载一个文件，当换成谷歌或者火狐浏览器的时候，也会在浏览器的右上角弹出个提示“是否允许多文件下载”，只有点击同意的时候才会下载多个文件

转载于:https://www.cnblogs.com/dushaojun/p/9995451.html