如何在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 button方法，但是沒有找到任何簡單的方法。 我認為這太過復雜了，肯定有一些我尚未發現的簡單解決方案。

Answer 1

您可以使用模型綁定來做到這一點。

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

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

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

添加成員：

     myFiles: Array<FileInfo> = [];

並捕獲事件並將文件列表重置為空：

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