Advertisement
rotovirus

Ionic 3 subir archivo a servidor con native file transfer

May 15th, 2018
103
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. import { Component } from '@angular/core';
  2. import { NavController, NavParams } from 'ionic-angular';
  3. import { FileTransfer, FileUploadOptions, FileTransferObject } from '@ionic-native/file-transfer';
  4. import { Camera, CameraOptions } from '@ionic-native/camera';
  5.  
  6. @Component({
  7.   selector: 'page-camera',
  8.   templateUrl: 'camera.html',
  9. })
  10. export class CameraPage {
  11.  
  12.   _picture:string; // se almacena la URI de la imágen que proviene del plugin Camera
  13.  
  14.   constructor(public navCtrl: NavController,
  15.               public navParams: NavParams,
  16.               private camera: Camera,
  17.               private transfer: FileTransfer) {
  18.  
  19.   }
  20.  
  21.   presentToast(message) {
  22.     let toast = this.toastCtrl.create({
  23.       message: message,
  24.       duration: 3000,
  25.       position: 'top'
  26.     });
  27.  
  28.     toast.onDidDismiss(() => {
  29.       console.log(message);
  30.     });
  31.  
  32.     toast.present();
  33.   }
  34.  
  35.   myFunction(){
  36.     const fileTransfer: FileTransferObject = this.transfer.create();
  37.     let apiUrl = 'http://www.miwebdefotos.com/api/subirimagen';
  38.  
  39.     let options: FileUploadOptions = {
  40.        fileKey: 'file',
  41.        fileName: 'name.jpg',
  42.        headers: {}
  43.     }
  44.  
  45.     fileTransfer.upload(this._picture, apiUrl, options)
  46.      .then((data) => {
  47.        // success
  48.        //Mostrar mensaje que que ha sido subida con exito
  49.         this.presentToast(data.response);
  50.      }, (err) => {
  51.        // error
  52.        this.presentToast(err.message);
  53.      })
  54.   }
  55.  
  56. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement