如何在javascript中定义最大连接数

Question

我有一个发送 AJAX 请求的循环，它适用于大约 5 个文件，但是当我尝试上传超过 5 个文件时。浏览器停止。

有什么方法可以创建或定义最大数量的同时连接，并在它们完成后启动另一个？

for (i=0;i<=files.length;i++) {

var http = new XMLHttpRequest();
var data = "type=ZIP&file=" + base_64_encode(files[i]);

http.open("POST", "update.php");
http.setRequestHeader("Content-type","application/x-www-form-urlencoded");
http.send(data);

}

Answer 1

如果我理解正确，你只是想扼杀他们？您可以通过跟踪并发数量、维护超过最大并发的请求队列以及将回调附加到您的请求以更新当前并发值并触发下一个排队函数（如果适用）来做到这一点：

function throttleFileUploads(files, maxConcurrent) {
  var queue = [];
  var currentlyActive = 0;

  function moreAllowed() { return (currentlyActive < maxConcurrent); }

  function uploadFile(file, callback) {
    currentlyActive += 1;
    var http = new XMLHttpRequest();
    var data = "type=ZIP&file=" + base_64_encode(file);

    http.open("POST", "update.php");
    http.setRequestHeader("Content-type","application/x-www-form-urlencoded");
    http.onreadystatechange = function() {
      if (http.readyState == 4) { callback(); }
    };

    http.send(data);
  }

  function finished() {
    currentlyActive -= 1;
    if (moreAllowed() && queue.length) { queue.pop()(); }
  }

  files.forEach(function(file) {
    var action = uploadFile.bind(null, file, finished);
    if (moreAllowed()) {
      action();
    } else {
      queue.push(action);
    }
  });
}

（注意——我没有测试它，但我认为这个想法是合理的。）

throttleFileUploads(files, 5);