如何使用angular2在p-fileUpload成功消息后清除上传的文件

Question

i am using p-fileUpload plugin from primeng, after uploading the files, i still can see the files which i have uploaded after success message. Can anyone help me how to hide these files, after success message.

HTML:

<p-fileUpload #form name="photo" type="file" customUpload="true" (uploadHandler)="fileChangeEvent($event, form)" multiple="multiple"></p-fileUpload>

TS:

  fileChangeEvent(fileInput: any, form) {
    if (
      fileInput.files.some(f => this._validFileExtensions.indexOf(f.type) != -1)
    ) {
      this.showError("Invalid file Added");
    } else {
      this.upload(fileInput.files, form);
    }
  }

I need to clear the files when this functionality is called,

if (this.progressStatus === 'done') {
  this.progressValue = 100;
  this.progress = false;
  clearInterval(interval);
  return ;
}

Answer 1

I had same problem with p-fileUpload component. This is how i managed to delete files after upload with uploadHandler. On html i added [files]="myfiles"

 <p-fileUpload [files]="myfiles" customUpload="true (uploadHandler)="myUploader($event)" maxFileSize="6000000">

and then in ts

      myfiles: any = [];
      myUploader(event) {
        if (this.myfiles != undefined && this.myfiles.length > 0) {

          this.myfiles.forEach(element => {
            var re = /(?:\.([^.]+))?$/;
            let file = element;
            var that = this;
            var newFile = {
              FilePath: "",
              FileName: element['name'],
              Extension: re.exec(element['name'])[1]
            };
            this.getBase64(file).then(
              data => {
                newFile['MIME'] = file.type;
                newFile['FileSize'] = file.size;
                newFile['FileContent'] = (<string>data).split(',')[1].replace(String.fromCharCode(92), String.fromCharCode(92, 92));
                that.saveFile(newFile);
              }

            );
          });

          this.myfiles = [];
        }
      }

 getBase64(file) {
    return new Promise((resolve, reject) => {
      const reader = new FileReader();
      reader.readAsDataURL(file);
      reader.onload = () => resolve(reader.result);
      reader.onerror = error => reject(error);
    });
  }

Hope it helps