web-dev-qa-db-fra.com

Comment prendre ou choisir une image de la galerie dans IONIC 3

Comment prendre une image de la galerie dans IONIC 3?

Je ne parviens pas à prendre une image de la galerie en utilisant 

https://ionicframework.com/docs/native/camera/

https://ionicframework.com/docs/native/camera-preview/

angulartypescriptionic-frameworkionic2ionic3
6
Somnath

Après la plupart des votes, un extrait rapide.

Définissez 2 types d'options:

  private optionsCamera: CameraOptions = {
    quality: 100,
    targetWidth: 600,
    sourceType: this.camera.PictureSourceType.CAMERA,
    destinationType: this.camera.DestinationType.DATA_URL,
    encodingType: this.camera.EncodingType.JPEG,
    mediaType: this.camera.MediaType.PICTURE
  }

  private optionsGallery: CameraOptions = {
    quality: 100,
    sourceType: this.camera.PictureSourceType.PHOTOLIBRARY,
    destinationType: this.camera.DestinationType.DATA_URL,
    encodingType: this.camera.EncodingType.JPEG,
    mediaType: this.camera.MediaType.PICTURE
  }

et quand vous appelez votre méthode getPicture depuis l'appareil photo

remplace l'objet options par la situation appropriée.

C'est pour la caméra

this.camera.getPicture(this.optionsCamera).then((imageData) => {
  let base64Image = 'data:image/jpeg;base64,' + imageData;
 }, (err) => {
  // Handle error
  console.log(err)
 })

C'est pour la galerie

this.camera.getPicture(this.optionsGallery).then((imageData) => {
  let base64Image = 'data:image/jpeg;base64,' + imageData;
 }, (err) => {
  // Handle error
  console.log(err)
 })
1
Yoarthur

Utilisez le plugin image picker:

getImage(){
let options = {
maximumImagesCount:1//select number of image default is 15
}
this.imagePicker.getPictures(options).then((results) => {
  for (var i = 0; i < results.length; i++) {
      console.log('Image URI: ' + results[i]);
  }
}, (err) => {
console.log("error: "+err); 
});
}

Ref sélecteur d'images

0
Khurshid Ansari

essaye ça:

TakeCamera() {
    const options: CameraOptions = {
      quality: 100,
      destinationType: this.camera.DestinationType.DATA_URL,
      encodingType: this.camera.EncodingType.JPEG,
      mediaType: this.camera.MediaType.PICTURE
    }
    this.camera.getPicture(options).then((imageData) => {
      this.base64Image = 'data:image/jpeg;base64,' + imageData;
      this.photos.Push(this.base64Image);
      this.photos.reverse();
    }, (err) => {
      console.log(err);
    });
  }
0
arif malim