使用jQuery在一个页面上下载多个文件

可以通过以下步骤实现：

首先，确保在页面中引入了jQuery库文件，可以通过以下方式引入：<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
创建一个按钮或其他触发下载的元素，例如：<button id="downloadBtn">下载文件</button>
使用jQuery绑定点击事件，当按钮被点击时触发下载操作：$(document).ready(function() { $('#downloadBtn').click(function() { // 下载文件的逻辑代码 }); });
在点击事件中，使用jQuery的ajax方法进行文件下载。可以通过循环遍历文件列表，每次发送一个ajax请求下载一个文件。以下是一个示例代码：$(document).ready(function() { $('#downloadBtn').click(function() { var files = ['file1.pdf', 'file2.docx', 'file3.jpg']; // 文件列表，可以根据实际情况修改 var downloadCount = 0; // 已下载文件计数 // 循环遍历文件列表 for (var i = 0; i < files.length; i++) { var fileUrl = files[i]; $.ajax({ url: fileUrl, method: 'GET', xhrFields: { responseType: 'blob' // 设置响应类型为二进制数据 }, success: function(data) { // 创建一个临时的下载链接 var downloadUrl = URL.createObjectURL(data); // 创建一个隐藏的<a>标签，并设置下载链接 var link = document.createElement('a'); link.href = downloadUrl; link.download = fileUrl.substring(fileUrl.lastIndexOf('/') + 1); // 设置下载文件的文件名 // 触发点击事件，开始下载文件 link.click(); // 下载完成后，释放临时下载链接 URL.revokeObjectURL(downloadUrl); // 已下载文件计数加一 downloadCount++; // 判断是否所有文件都已下载完成 if (downloadCount === files.length) { console.log('所有文件下载完成！'); } }, error: function() { console.log('文件下载失败！'); } }); } }); });

上述代码中，首先定义了一个文件列表files，其中包含了要下载的文件的URL。然后使用循环遍历文件列表，在每次循环中发送一个ajax请求，通过设置xhrFields的responseType为blob，以获取二进制数据。在成功回调函数中，创建一个临时的下载链接，将二进制数据设置为链接的URL，并设置download属性为文件名，然后触发点击事件，开始下载文件。下载完成后，释放临时下载链接。最后判断是否所有文件都已下载完成。

请注意，上述代码只是一个简单示例，实际应用中可能需要根据具体需求进行修改和优化。另外，具体的文件下载逻辑可能需要与后端进行配合，确保文件的正确性和安全性。