Angular: Upload fixed number of files to server

by

I want to upload 3 files each from it’s own input.

<label class="btn btn-default p-0">
            <input type="file" (change)="selectISRFile($event)" />
          </label>
          <label class="btn btn-default p-0">
            <input type="file" (change)="selectLMPFile($event)" />
          </label>
          <label class="btn btn-default p-0">
            <input type="file" (change)="selectPOCMRFile($event)" />
          </label>
<button
            class="btn btn-success btn-sm"
            (click)="uploadFiles()"
          >
            Upload
          </button>

Component functions looks like this

  selectISRFile(event): void {
    this.selectedFiles[0]= event.target.files;
  }

  selectLMPFile(event): void {
    this.selectedFiles[1] = event.target.files;
  }

  selectPOCMRFile(event): void {
    this.selectedFiles[2] = event.target.files;
  }

  uploadFiles() {
    if (this.selectedFiles) {
      for (let i = 0; i < this.selectedFiles.length; i++) {
        this.upload(i, this.selectedFiles[i]);
      }
    }
  }

I’m getting selectedFiles is undefined

  companyForm: FormGroup;
  selectedFiles?: FileList;
  progressInfos: any[] = [];
  message: string[] = [];
  selectedISRFile?: File;
  selectedLMPFile?: File;
  selectedPOCMRFile?: File;

thank you for your time

63 thoughts on “Angular: Upload fixed number of files to server”

  6. Pingback: where can i buy hydroxychloroquine over the counter
  10. Pingback: hydroxychloroquine sulfate 200mg generic
  20. Pingback: does ivermectil work every time
  28. Pingback: herbal priligy alternative
  35. Pingback: ehydroxychloroquineaylin 200 mg uses
  38. Pingback: stromectol for tooth extraction
  39. Pingback: nitrofurantoin and stromectol
  41. Pingback: stromectol antiparasitic
  42. Pingback: ivermectin 6 mg tablets
  44. Pingback: stromectol mk
  45. Pingback: hydroxychloroquine
  46. Pingback: cheap stromectol manufacturer
  47. Pingback: ivermectin anti parasitic
  48. Pingback: what is ivermectin
  51. Pingback: ivermectin for humans
  52. Pingback: ivermectin for scabies side effects
  53. Pingback: super viagra plus
  54. Pingback: sildenafil 5 mg tablet
  55. Pingback: canadian online pharmacy
  56. Pingback: cialis prescription online canada
  57. Pingback: hydroxychloroquine for sale in mexico
  58. Pingback: stromectol for sale in mexico
  59. Pingback: over the counter viagra pills