前端HTML页面实现批量下载

一、前言

前端HTML实现下载功能可在JavaScript 代码中写window.location.href ="链接地址"，但是如果想同时打开多个链接进行下载，使用for循环window.location.href ="链接地址"是不行的，因为相当于打开了一个窗口，循环无法进行下去。

二、实现


<script>//批量下载文件function downloadAllFile() {var selectIds = $.common.isEmpty($.table._option.id) ? $.table.selectFirstColumns() : $.table.selectColumns($.table._option.id);if (selectIds == null || selectIds.length == 0) {$.modal.alertWarning("请至少选择一条记录");return;}let triggerDelay = 100;let removeDelay = 1000;$.each(selectIds, function (i,fileId) {download(fileId, triggerDelay, removeDelay);});}function download(fileId,triggerDelay, removeDelay) {setTimeout(function() {//动态添加iframe，设置src，然后删除var frame = $('<iframe style="display: none;" class="multi-download"></iframe>');//src设置下载地址frame.attr('src', prefix+ 'downloadFile/?id='  + fileId);$(document.body).after(frame);setTimeout(function() {frame.remove();}, removeDelay);}, triggerDelay);}</script>

前端HTML页面实现批量下载相关推荐

一键获取网页中的全部图片并批量下载（国内淘宝天猫京东网站+国外商品页面）——亲测有效
上周六的时候,有个朋友找到我,需要将网页中的图片全部下载下来,而且还不能改变图片的大小: 作为一个前端,经常跟html打交道,我深知页面中肯定是有图片链接的网页中下载少量图片的方法举例说明网页中图 ...
JavaScript前端：与PDF.js结合，实现网页PDF内容批量下载
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档 JavaScript前端:与PDF.js结合,实现网页PDF内容批量下载前言一.PDF.js是什么? 二.PDF.js单个PDF文 ...
前端批量下载七牛云文件
前端批量下载七牛云文件 // 组装文件名称getFileUrl(row) {var name = row.filename + '.mp3';var url = row.fileurl + '?att ...
Python爬虫 - wallhaven任意页面下的壁纸批量下载
基于Python 任意页面下的壁纸批量下载 github Maxpagenum 爬取页数 fpath 保存路径 url 基础地址 import requests import re import ti ...
Web页面中调用迅雷进行单文件和批量下载
费了老大的劲才将页面调用迅雷客户端批量下载搞定,在此将页面调用迅雷进行单文件下载和批量下载进行一个总结. 批量下载主要参照:http://www.jackyrao.com/archives/425 | ...
web前端批量下载文件和图片探索
1.图片,文件批量下载(不跨域的情况下) import JSZip from 'jszip'; import {saveAs} from 'file-saver'; import axios from ...
用火狐批量下载某个页面的所有文件
为了批量下载某个页面的数据,类似这样: https://mirador.gsfc.nasa.gov/cgi-bin/mirador/presentNavigation.pl?tree=project& ...
matlab页面批量下载,[转载]matlab批量从NOAA网站下载验潮站数据
在前面的博客中(http://blog.sina.com.cn/s/blog_aed5bd1d0102vypl.html) 我们演示了如何用python从UHSLC下载验潮站数据,但是考虑到matla ...
前端单张图片下载，批量下载图片成压缩包
各位铁子们,博主最近手撕了一个图片管理模块,效果如下图所示,其中有个下载图片的功能,包含了单张图片下载,以及多张图片批量下载成压缩包,认为很有意思,分享给你们首先我们需要引入对应的安装包如下 imp ...

前端HTML页面实现批量下载

前端HTML页面实现批量下载

一、前言

二、实现

前端HTML页面实现批量下载相关推荐

最新文章

热门文章