如何在Kendo角上传组件中重置上传文件列表

Question

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

1. 初始状态

​

1. 在选定文件之后

​

1. 上传了一个文件之后

​

我需要步骤3看起来像步骤1. =，如果我要点击Clear按钮的话。

我试图绑定到(success)事件，并执行以下操作：

a. 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上传中捕获已完成的事件：

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

增加一名成员：

     myFiles: Array<FileInfo> = [];

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

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