No support for Multiple files.

If we have a requirement for multiple images upload this seems to fail.

//TODO--add
 @Input() fileIndex = 0;
//TODO--update
 private onChangesInputImage(changes: SimpleChanges): void {
    if (changes.imageChangedEvent || changes.imageURL || changes.imageBase64 || changes.imageFile) {
      this.reset();
    }
    if (changes.imageChangedEvent && this.isValidImageChangedEvent()) {
      this.loadImageFile(this.imageChangedEvent.target.files[fileIndex]);
    }
    if (changes.imageURL && this.imageURL) {
      this.loadImageFromURL(this.imageURL);
    }
    if (changes.imageBase64 && this.imageBase64) {
      this.loadBase64Image(this.imageBase64);
    }
    if (changes.imageFile && this.imageFile) {
      this.loadImageFile(this.imageFile);
    }
  }

```Just a suggestion.

[Mawi137]

The cropper takes imageChangedEvent, imageURL, imageBase64 or imageFile as input. As you can see in the code you posted, when you set the imageChangedEvent input, loadImageFile will be called with this.imageChangedEvent.target.files[0]. When you set the imageFile input, it will be called with this.imageFile. So, if you want to show a cropper for each file, you can take your imageChangedEvent.target.files and loop over them, like you probably already do to know how many files there are. Then pass the file to the image cropper via the imageFile input and voila:

<image-cropper
  *ngFor="let file of imageChangedEvent.target.files"
  [imageFile]="file"
  ...
></image-cropper>

[Mawi137]

You can also process the image change event yourself and use the imageFile input to pass the image. That’s what happens within the image cropper as well.