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

时间:2018-09-22 05:37:07

标签: angular file-upload angular5 connection-reset

我使用监听进度事件方法在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%这样。我找不到确切的问题是什么原因造成的。如果您遇到此问题,请提出解决方案。

1 个答案:

答案 0 :(得分:1)

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

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

其中start-是起始索引,next_slice是您需要的拼接限制,应该包含在循环中以继续进行操作。

同样,在服务器端,首先,您需要存储chunks,并在完成后将它们组合成一个文件。