Ionic2 et Angular2 image de téléchargement exemple?

Ce code ne fonctionne pas..

JS:

<ion-item>
    <ion-label stacked>Name</ion-label>
    <ion-input ngControl="name" type="text" placeholder="Enter Category Name"></ion-input>
</ion-item>

<ion-item>
    <ion-label stacked>Image</ion-label>
    <ion-input ngControl="image" type="file" placeholder="Select Category Image"></ion-input>
</ion-item>

Est-il un moyen de télécharger des fichier image à l'aide d'Ions d'entrée et obtenir le fichier téléchargé dans le type de script à l'aide de formBuilder.?

JS:

formBuilder.group({
  name:  ['', Validators.required],
  image: ['', Validators.required]
})

InformationsquelleAutor Ankit Maheshwari | 2016-08-07
  1. 3

    Télécharger l'image sur le serveur à l'aide Ionique 2 Framework, vous devez utiliser le Transfert de plugin.
    Installer le transfert de plugin à l'aide de

    ionic plugin add cordova-plugin-file-transfer
npm install --save @ionic-native/transfer

    Ensuite appeler la fonction de téléchargement de Transfert de classe. 

    const fileTransfer: TransferObject = this.transfer.create();

  let options1: FileUploadOptions = {
     fileKey: 'file',
     fileName: 'name.jpg',
     headers: {}

  }

 fileTransfer.upload(imageDataLocalURL, 'http://localhost/ionic/upload.php',  options1)
.then((data) => {
 //success
 alert("success");
}, (err) => {
 //error
 alert("error"+JSON.stringify(err));
});

    Utiliser le lien pour en savoir plus https://ampersandacademy.com/tutorials/ionic-framework-version-2/upload-an-image-to-the-php-server-using-ionic-2-transfer-and-camera-plugin

    • Puis-je utiliser plusieurs images à télécharger en un seul coup?
    • Je n'ai toujours pas de solution de ce
    InformationsquelleAutor Bharathiraja