jQuery File Upload 浏览器崩溃

Question

我正在使用jquery-filedrop 和 python/flask 将文件上传到我服务器上的上传文件夹。

但是，每当我选择一个大文件 (~80MB+) 时，浏览器选项卡 (chrome) 就会立即崩溃。

查看the code 和自述文件似乎使用HTML5 FileReader() 来处理文件上传。

如果我通过更改 these lines 来获取文件的一小部分：

reader.onloadend = !opts.beforeSend ? send : function (e) {
      opts.beforeSend(files[fileIndex], fileIndex, function () { send(e); });
};

reader.readAsDataURL(files[fileIndex]);

到

reader.onloadend = !opts.beforeSend ? send : function (e) {
      opts.beforeSend(files[fileIndex].slice(0, 1048576), fileIndex, function () { send(e); });
};

reader.readAsDataURL(files[fileIndex].slice(0, 1048576));

然后我可以通过只从每个文件上传 1MB 来让它运行而不会出现错误，所以我猜这是读入完整文件时的内存问题。

如何将其设置为遍历文件的小块并分别上传？或者，有没有更好的解决方法？

Answer 1

是的，如果您使用重物运行循环，Chrome 会崩溃。您可以做的最好的事情是使用 Webworkers 来处理文件，然后读取卡盘。

资源

• File APIs HTML5 Rocks
• Webworkers HTML5 Rocks

Answer 2

如果使用 HTML5 FileReader()，则 file 选项有一个您可以使用的 slice 方法。

var blob = file.slice(startingByte, endindByte); reader.readAsBinaryString(blob);

欲了解更多信息：http://www.html5rocks.com/en/tutorials/file/dndfiles/