Ionic Native Image Picker is not working it is asking permissions after that app is crashing

Ionic Native
1

Commands Installed

ionic cordova plugin add cordova-plugin-telerik-imagepicker && npm install @ionic-native/image-picker

Code
const options = {
quality: 20,
outputType: 1,
maximumImagesCount: 10
};
this.imagePicker.getPictures(options).then( results => {

});
Ionic Info
ionic%20info

Error
52%20PM

2

This probably happens on multiple selection on android. You can fix this by listing all your cordova plugins (that you added)
$ ionic cordova plugin list
Than remove plugins, all including the imagePicker.
Example: $ ionic cordova plugin remove cordova-plugin-telerik-imagepicker
Than remove android platform
$ ionic cordova platform remove android
and add it again
ionic cordova platform add android
I had a similar issue and that’s how i fixed it.

PS: im not sure if you need to remove all plugins or just the imagePicker, but i did it anyway

3

I did the same but it is not working for me . Do you have any other solution.

4

You’re not going to like this one, but my suggestion is “use Camera and forget ImagePicker exists”. I had similar experiences with ImagePicker and chose to give up on it.

5

Hi, you can use <input type="file" /> instead of image picker plugin. .
It works for both in mobile and browser. Here is small example:
html:

   <ion-button (click)="uploadFile()"> Upload & Preview </ion-button>
 <img [src]="imageURL ? imageURL : 'assets/dummy-profile-pic.png'" class="rounded mx-auto d-block img-thumbnail" alt="HA">
            <input type="file" *ngIf="!imageURL" (change)="fileChanged($event)" accept="image/*" class="filebtn" #fileButton  />

ts:

imageURL: any;
 @ViewChild('fileButton', { static: false }) fileButton;
constructor() {...}
 uploadFile() {
    this.fileButton.nativeElement.click();
  }
  fileChanged(event) {
    const files = event.target.files;
    console.log(files);
    const reader = new FileReader();
    reader.onload = () => {
      this.imageURL = reader.result;
    };
    reader.readAsDataURL(event.target.files[0]);
  }
6

Yeah, it’s work. But it shows only the first index of the image. Do you have a solution to show all images after browse or after choosing an image?
Thank you for your help and reply back