Hi,
I would like to send both data text and picture like this picture :
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é')
);
}
And how to have the same input with photo ?
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>