Как использовать multipart в ионном - PullRequest
Новая
       36

Как использовать multipart в ионном

0 голосов
/ 08 октября 2019

Я работаю над приложением ionic 3. Я должен отправить изображение на сервер. все работает нормально, но когда я загружаю изображение, это дает мне внутреннюю ошибку сервера. Я хочу отправить его с помощью multipart, но, к сожалению, я не знаю, как использовать его в ионном. Я так подавлен. Любая помощь будет оценена. мой код загрузки выглядит следующим образом.

я пробовал этот код, но, к сожалению, та же ошибка 

saveMultipart(signupentries) {
 let url = this.baseUrl;
 url += "register1";
        const headers = {
          'enctype': 'multipart/form-data;',
          'Content-Type': 'application/json',
          'Accept': 'plain/text',
          'Access-Control-Allow-Origin': '*',
          'Access-Control-Allow-Methods': 'POST, GET, OPTIONS, PUT',
}; const formData = new FormData();
        const dataJson = {
          'first_name': signupentries.first_name,
          'last_name': signupentries.last_name,
          'email': signupentries.email,
          'phone': signupentries.phone,
          'car_number': signupentries.car_number,
          'license_number': signupentries.license_number,
          'ownership_card': signupentries.ownership_card,
          'expiry_date_license': signupentries.expiry_date_license,
          'driver_picture': signupentries.driver_picture,
          'car_picture': signupentries.car_picture,
        };
        formData.append('dataJson', JSON.stringify(dataJson));
        return this.http.post(url,
            dataJson,
          {headers: headers});
    }

driverimage($event): void {
    this.file = $event.target.files[0];
    this.signupvm.driver_picture = this.file.name;
  }

со стороны просмотра я загружаю, как показано ниже 

<ion-item>
        <ion-input
          type="file"
          placeholder="{{ 'driver_picture' | translate }}"
          accept="image/*"
          (change)="driverimage($event)"
        ></ion-input>
      </ion-item>
...