node.js - 如何使用 Angular 2 和 Node.js 开发实时文件上传?

标签 node.js angular rxjs angular2-observables

通常,当我们上传时,它首先将文件保存到临时目录,然后将其移动到所需的目录。但我正在研究大数据,例如一次上传数千个文件。因此,我需要将这些文件直接上传到所需位置,并且当每个文件上传到该目录时,用户必须实时看到仪表板上的更改。

我还需要向用户展示

  1. 如果上传时发生任何异常,例如如果文件在上传过程中导致问题。
  2. 应该有一个选项可以跳过该文件或重试上传。 报告显示上传成功的文件与上传失败的文件的列表。
  3. 如果出现任何网络中断,上传管理器应不断重试,直到网络恢复。
  4. 用户可以暂停上传,并可以在下次登录时重新启动(如果可行)

这是关于对上传过程的完全操纵,以便在上传大量数据时为用户提供最佳的用户体验。

最佳答案

您可以使用ng2-file-upload ,它具有您需要的大部分功能。

您还可以找到演示here .

对于您需要的其余功能,您可以在此库之上实现这些功能(这比从头开始编写自己的代码更好)。

关于node.js - 如何使用 Angular 2 和 Node.js 开发实时文件上传?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39189198/

相关文章:

javascript - Promise 无法通过异步得到解决

angular - 每行和标题列的 "Edit/Delete"按钮在 md-table 组件中为 'Action'

javascript - 如何按值将最后一项推送到 RxJs/BehaviorSubject?

javascript - Node.js 中的 setTimeout 细微差别

JavaScript - 类在条件下扩展

javascript - JSHandles 只能在创建它们的上下文中进行评估/找不到具有指定 ID 的上下文

回调中更新的 Angular 变化检测

javascript - jquery : access element inside an angular *ngIf directive

angular - canActivate 保护方法中的错误

javascript - rxjs 运行一些操作并返回不同的类型