使用jquery下载多个文件的问题

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

<button id="downloadBtn">下载文件</button>

$(document).ready(function() {
  $('#downloadBtn').click(function() {
    var fileUrls = ['file1_url', 'file2_url', 'file3_url']; // 文件URL数组

    // 遍历文件URL数组，发送并行的下载请求
    $.each(fileUrls, function(index, url) {
      $.ajax({
        url: url,
        method: 'GET',
        xhrFields: {
          responseType: 'blob' // 设置响应类型为二进制数据
        },
        success: function(data) {
          // 创建一个临时的下载链接
          var downloadUrl = window.URL.createObjectURL(data);

          // 创建一个隐藏的<a>元素，设置下载链接和文件名
          var link = document.createElement('a');
          link.href = downloadUrl;
          link.download = 'file' + (index + 1) + '.txt';

          // 模拟点击下载链接
          link.click();

          // 释放临时的下载链接
          window.URL.revokeObjectURL(downloadUrl);
        },
        error: function() {
          console.log('下载文件失败');
        }
      });
    });
  });
});