javascript-如何在服务器上手动取消XMLHttpRequest文件上传(流)

我正在使用XMLHttpRequest(级别2)将文件上传到node.js服务器.我在服务器端检查文件流中的有效头.现在,如果流式传输中有任何错误,我想触发取消上传.我的XMLHttpRequest代码非常简单:

var xhr = new XMLHttpRequest();
var file;
$('#file').on('change', function(e) {
  file = this.files[0];
  file.filename = this.files[0].name;
});
$('#submit').on('click', function(e) {
  e.preventDefault();
  xhr.open('POST', '/upload', true);
  xhr.send(file);
});

在服务器端,我正在通过验证程序将req流传输到文件流中.如果验证时发生任何错误,我希望XMLHttpRequest中止上传.但是,仅发送400作为对请求的响应根本不起作用.我为xhr注册了各种听众,但没有一个被解雇.它似乎根本不在乎400,但仍尝试上传文件.通常,我希望在这种情况下会触发onreadystatechange事件.

我尝试通过发出req.end()来关闭请求,但这似乎有点苛刻,并显示出另一种好奇心.如果这样做,XMLHttpRequest将重试以发送POST请求恰好7次(在Chrome中;在Firefox中为5次;是否在任何地方都有记录?).

编辑:正如保罗建议:

…connection close before receiving any status from the server…

在服务器端,我尝试监听响应的finish事件.

  checkedFile.on('error', function (err) {
    res.status(400);
    res.end();
  });

  res.on('finish', function () {
    req.destroy();
  });

但是无论如何它都会重试.我只是不在乎400.

也许还有另一种取消而不破坏请求流的方法?

第二次编辑:可以在不破坏请求流的情况下结束请求:

checkedFile.on('wrong', function (err) {
  checkedFile.end();
  res.writeHead(400,  { 'Connection': 'close' });
  res.end();
});

但是XHR仍在重试该请求.

解决方法:

在某些情况下,如果服务器过早关闭连接,则允许客户端重试请求,在您的示例中,Chrome就是这样做的. HTTP 1.1 specification, 8.2.4中定义了此行为:

If an HTTP/1.1 client sends a request which includes a request body, but which does not include an Expect request-header field with the “100-continue” expectation, and if the client is not directly connected to an HTTP/1.1 origin server, and if the client sees the connection close before receiving any status from the server, the client SHOULD retry the request.

如果要取消XMLHttpRequest,则应侦听XHR的errorevent,然后调用其abort() method,这将阻止Chrome重新发送该请求.

上一篇:javascript-客户端将multipart / form-data请求的文件部分的内容类型设置为错误


下一篇:javascript-从WinJS.xhr响应获取URL