angular - Angular 5：大文件上传问题。净::ERR_CONNECTION_RESET

Question

我使用侦听进度​​事件方法在 Angular 5 中处理文件上传。还显示进度百分比条。

https://angular.io/guide/http#listening-to-progress-events。

上传小文件（低于 20 mb）时效果很好。如果我尝试上传大文件（100 MB 或 1GB），进度百分比条运行到 40% 或有时 70%，然后突然停止运行。它显示错误 net:ERR_CONNECTION_RESET。此时，如果我让页面空闲，则上传进度完成。但是在 UI 中，它像这样卡在 40% 或 70% 上。我找不到确切的问题是什么原因导致这个问题。如果你们遇到这个问题，请提出解决方案。

标签： angularfile-uploadangular5connection-reset

Answer 1

无论如何，大文件上传的最佳做法是按 blob-parts 分割文件。

let blob = file.slice(start, next_slice);

其中start- 将是一个起始索引和next_slice您需要的拼接限制，应该包含在循环中以继续进行。

在服务器端，首先，您需要chunks在完成后将它们存储并合并到一个文件中。