File upload with custom upload function issue

[ClemB-Dev]

Hello,

I am using the p-fileUpload component to upload files to my server. However, when the auto-upload function finishes, the button repeatedly uploads the same file without prompting for file selection as it should. What should I do to make this works?

Thank you for your help.

component.html

<p-fileUpload #importFile class="h44px" mode="basic" name="import-file[]" accept="image/*,application/*,video/*,audio/*,text/*,font/*" [maxFileSize]="maxFileSize" (uploadHandler)="uploadFiles($event)" [multiple]="true" chooseLabel="Importer des fichiers" [customUpload]="true" [auto]="true"></p-fileUpload>

component.ts

  uploadFiles(event: FileUploadHandlerEvent) {
    const formData = new FormData()
    for (let file of Array.from(event.files)) {
      formData.append('files[]', file, file.name);
    }
    this.fileService.uploadFile(this.selectedFolder, formData).subscribe({
      next: (response) => {
        this.fileNotificationService.notifyFileUploaded(response);
        this.messageService.add({ severity: 'info', summary: 'Ajout', detail: 'Vos fichiers ont bien été ajouté.' });
      },
      error: (error) => {
        console.error('Erreur lors de l\'importation du fichier', error);
        this.messageService.add({ severity: 'error', summary: 'Erreur', detail: 'Une erreur s\'est produite lors de l\'importation des fichiers' });
      }
    })
  }

[cetincakiroglu]

Hi,

Could you please share a stackblitz example so we can identify the issue?