如何使用p-fileupload组件多次使用刷新页面上传文件？

Question

我在Angular中使用p-fileupload组件，但是在上传一个文件后，按钮不允许单击事件，需要刷新页面以执行另一个文件上传任务。您可以帮助您如何上传文件而不刷新页面，

请在下面找到HTML代码：

<p-fileupload mode="basic" 
              [auto]="true" 
              title="upload file" 
              (onSelect)="upload_document($event);" 
              appHide[roles]=GRANT_ALL_GRP>
</p-fileupload>

Answer 1

如果将数组与文件（名称）s一起使用，则在上传后，可以清除数组，然后再次上传。

<p-fileUpload
   mode="basic"
   [auto]="true"
   [files]="myFiles"
   title="upload file"
   name="myfile[]" 
   [customUpload]="true"
   (uploadHandler)="upload_document($event);" >
</p-fileUpload>

在组件中：

myFiles: [] = [];

upload_document($event:any){
   console.log("Upload",$event);
   // UPLOAD LOGIC
   this.myFiles = [];
}