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

Question

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

1. 初始状态

   

2. 选择文件后

   

3. 上传文件后

   

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

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

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

湾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 = [];
 }