如何在 Kendo Angular Upload 组件中重置上传的文件列表

Question

我有一个kendo-upload 组件来上传一个文件。上传文件后，我需要清除列表或上传的文件。

1. 初始状态

2. 选择文件后

3. 文件上传后

我需要第 3 步。看起来像第 1 步。= 就像我要点击 Clear 按钮一样。

我尝试绑定到(success) 事件并执行：

一个。 this.pictureUpload.fileList.clear();

b. this.pictureUpload.fileList.remove(this.pictureFilePreview.uid);

但总是从uploadService得到一个异常：

我确实深入研究了uploadService 源代码并理解了为什么会出现异常。我还查看了upload-component 源代码并试图了解如何在外部执行Clear 按钮方法，但没有找到任何简单的方法。我认为我过于复杂了，一定有一些我还没有发现的简单解决方案。

Answer 1

您可以使用模型绑定来做到这一点。

  import { FileInfo } from '@progress/kendo-angular-upload';

首先在kendo-upload中捕获完成的事件：

    [(ngModel)]="myFiles" (complete)="uploadCompleted()"

添加成员：

     myFiles: Array<FileInfo> = [];

并捕获事件并将文件列表重置为空：

 public uploadCompleted(){
    this.myFiles = [];
 }