Add picture upload


#1

Hi,

How can i add pictures upload (one by one) like this to a server:

My TS Code

 declarerSinistre(){
    //http://michael.laffargue.fr/blog/2016/04/17/angularjs2-send-http-post-request-with-parameters-to-php/
    var headers = new Headers();
    headers.append('Content-Type', 'application/x-www-form-urlencoded');

    var params = 'entry_by='+this.userDetails.id+'&NomConducteur='+this.userData.NomConducteur+'&TelConducteur='+this.userData.TelConducteur+'&CinConducteur='+this.userData.CinConducteur+'&latitude='+this.la+'&longitude='+this.lo;
    this.http.post(this.apiSinistre, params , {headers: headers})
      .subscribe(
        data => this.afficherAlert('Réussite','Sinistre Déclaré'),
        err => this.afficherAlert('Erreur','Sinistre Non Déclaré')
      );
  }

MY HTML CODE

<div [formGroup]="sinistreForm">
      <ion-item>
        <ion-input formControlName="iNom" type="text" placeholder="Nom conducteur" [(ngModel)]="userData.NomConducteur"></ion-input>
      </ion-item>
      <ion-item>
        <ion-input formControlName="iTel" type="text"  placeholder="Tel conducteur"  [(ngModel)]="userData.TelConducteur"></ion-input>
      </ion-item>
      <ion-item>
        <ion-input formControlName="iCin" type="text" placeholder="CIN conducteur"  [(ngModel)]="userData.CinConducteur"></ion-input>
      </ion-item>
      <ion-item (click)="getUserPosition()">
        <ion-input formControlName="iLongitude" type="text" disabled  value="Longitude : {{lo}}"></ion-input>
      </ion-item>
      <ion-item (click)="getUserPosition()">
        <ion-input formControlName="iLatitude" type="text" disabled value="Latitude : {{la}}"></ion-input>
      </ion-item>
        <br>
      <button ion-button color="positive" full [disabled]="!sinistreForm.valid" (click)="declarerSinistre()"  block>Déclarer</button>
    </div>