Comment prendre ou choisir une image à partir de la galerie IONIQUE dans les 3

Comment prendre une image de la galerie IONIQUE dans les 3?

Je suis a omis de prendre en photo dans la galerie à l'aide de

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

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

OriginalL'auteur Somnath | 2017-11-05

31

Vous pouvez le faire en utilisant caméra Natifs plugin.

.ts
```
 //take Photo
  takePhoto(sourceType:number) {
    const options: CameraOptions = {
      quality: 50,
      destinationType: this.camera.DestinationType.DATA_URL,
      encodingType: this.camera.EncodingType.JPEG,
      mediaType: this.camera.MediaType.PICTURE,
      correctOrientation: true,
      sourceType:sourceType,
    }

    this.camera.getPicture(options).then((imageData) => {
      let base64Image = 'data:image/jpeg;base64,' + imageData;
    }, (err) => {
      //Handle error
    });
  }
```
Remarque: Vous avez juste besoin d'appeler méthode ci-dessus comme:

this.takePhoto(0);//photo library

this.takePhoto(1);//camera

0 pour photo library 1 pour Camera

De l'INTERFACE utilisateur

wow, tellement bon, merci beaucoup
Il est intéressant de noter que ces sourceType valeurs sont disponibles en tant que constantes, ce qui peut rendre votre code plus descriptif: this.camera.PictureSourceType.CAMERA et this.camera.PictureSourceType.PHOTOLIBRARY
comment sélectionner plusieurs images??
comment sélectionner plusieurs images??
Vous pouvez utiliser ceci: ionicframework.com/docs/native/image-picker @AnkitMaheshwari

OriginalL'auteur Sampath

À la suite de la plupart de vote réponse, un rapide coup d'extraits de code.

Définir 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 lorsque vous appelez vous la méthode getPicture de la caméra

options de remplacement de l'objet à la bonne situation.

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)
 })

OriginalL'auteur Yoarthur

essayez ceci:

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);
    });
  }

Veuillez utiliser Markdown mise en forme. Aussi, veuillez expliquer pourquoi/comment cela résout le problème, en anglais.

OriginalL'auteur arif malim

Utilisation de l'image du sélecteur de plug-in:

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

OriginalL'auteur Khurshid Ansari

Vous devez vous connecter pour publier un commentaire.