Отправьте параметры cordova FileTransfer на php сервер, используя ionic 2/3 - PullRequest
Новая
       9

Отправьте параметры cordova FileTransfer на php сервер, используя ionic 2/3

0 голосов
/ 09 сентября 2018

У меня есть форма, которая содержит некоторые поля, а также использует плагин камеры для загрузки фото для ionic 2/3 на сервер php. Поэтому я хотел бы отправить данные формы с загруженной картинкой на сервер. Ниже мой код:

надстройка event.html 

<form (ngSubmit)="add_event()" #eventForm="ngForm">
<ion-item>
    <ion-label fixed>Title</ion-label>
    <ion-input placeholder="Title here"
       name="title" [(ngModel)]="eventData.title" required>
    </ion-input>
  </ion-item>

   <ion-item>
    <ion-label>Select Photo</ion-label>
    <ion-icon name="camera" (click)="presentActionSheet()" item-right></ion-icon>
   </ion-item>
    <img src="{{pathForImage(lastImage)}}" style="width: 100%" [hidden]="lastImage === null">
    <h5 align="center" [hidden]="lastImage !== null" class="preview_text">Photo Preview</h5>

<button ion-button full [disabled]="eventForm.invalid">Add Event</button>
</form>

адд-event.ts 

filename: string;
eventData = { title: '', image: this.filename};

public add_event() {
// Destination URL
var url = apiURL.BASE_URL+"add_events";

// File for Upload
var targetPath = this.pathForImage(this.lastImage);

 // File name only
 var filename = this.lastImage;

var options = {
fileKey: "file",
fileName: filename,
chunkedMode: true,
mimeType: "multipart/form-data",
params : this.eventData // Is this where i pass parameters to php?
};

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

  this.loading = this.loadingCtrl.create({
    content: 'Submitting...',
  });
  this.loading.present();

 // Use the FileTransfer to upload the image
    fileTransfer.upload(targetPath, url, options).then(data => {
      this.loading.dismissAll()
      this.presentToast('Event succesfully added.');
      console.log(data);
      console.log(options);
      console.log(this.eventData);
    }, err => {
      this.loading.dismissAll()
      this.presentToast('Error while uploading event.');
      console.log(err);
    });

}

add.php (Использование Slim Framework) 

 $data = json_decode($request->getBody());

$title=$data->title; //returns null
$image=$data->image; //returns null

header('Access-Control-Allow-Origin: *');

// for image upload
$file_name = $_FILES["file"]["name"];
$tmp = $_FILES["file"]["tmp_name"];

$target_path = "../path/to/picfolder";

$target_path = $target_path . basename( $file_name );

Теперь проблема в том, что когда я отправляю форму, параметры title и image не принимаются на стороне php. Как я могу успешно передать параметры при отправке приложения?

1 Ответ

0 голосов
/ 20 сентября 2018

Поскольку вы отправляете свои параметры в необработанном формате JSON, это способ извлечения данных на стороне сервера: (просто замените вашу первую строку на эту)

json_decode(file_get_contents('php://input'), true);

...