upload-file.component.html

<section *ngIf="carica">
  <div class="upload-file uploadfilecontainer" (click)="fileInput.click()" appDragDrop (onFileDropped)="selectFiles($event)">
    <input multiple hidden type="file" #fileInput (change)="selectFiles($event.target.files)">
    <h1>Seleziona o trascina un file</h1>
  </div>
  <div  class="files-list" *ngFor="let file of selectedFiles; let i= index">
    <p> {{ file.name }} </p>
  </div>
</section>

<div *ngIf="!carica" class="card">
  <div class="card-header">Lista di File</div>
  <ul
    class="list-group list-group-flush"
    *ngFor="let file of fileInfos | async"
  >
    <li class="list-group-item">
      <a href="{{ file.url }}" target="_blank">{{ file.name }}</a>
    </li>
  </ul>
</div>