Как сделать почтовый запрос с файлом изображения, используя form-data в ionic-3 - PullRequest
Новая
       13

Как сделать почтовый запрос с файлом изображения, используя form-data в ionic-3

0 голосов
/ 18 января 2019

Мой бэкэнд представляет собой простой Laravel API , и мой API работает правильно, когда я использую приложение PostMan.

Я использую данные формы для публикации моего запроса без заголовка. он работает на 100%, но когда я пытаюсь использовать мой ионный код, он не работает This is postman request

- это ошибка -

this is the error massage

--- это ошибка моего кода бэкэнда, отображаемая в строке № 55: enter image description here

selectphoto(){

const options: CameraOptions = {
  quality: 50,
  destinationType: this.camera.DestinationType.FILE_URI,
  sourceType: this.camera.PictureSourceType.PHOTOLIBRARY,
  saveToPhotoAlbum: false }

this.camera.getPicture(options).then((imageData) => {
  // imageData is either a base64 encoded string or a file URI
  // If it's base64 (DATA_URL): base64Image = 'data:image/jpeg;base64,' + imageData;
  this.image = normalizeURL(imageData);
 }, (err) => {
  // Handle error
 });}

 onSubmit(form:NgForm){

  console.log('img' , this.image);
  this.actorBestMovie = form.value.actorBestMovie;
  this.actorCountry = form.value.actorCountry;
  this.actorFirstMovie = form.value.actorFirstMovie;
  this.actorImdbBestMovie = form.value.actorImdbBestMovie;
  this.actorName = form.value.actorName;
  this.actorpost();
  form.reset()  
}

 actorpost() {

  let headers = new Headers();
  headers.append("Accept", "application/json");
  let body = new FormData();
  body.append('file',this.image);
  body.append('name',this.actorName); 
  body.append('country',this.actorCountry );
  body.append('first_movie',this.actorFirstMovie);
  body.append('best_movie',this.actorBestMovie);
  body.append('imdb_best_movie',this.actorImdbBestMovie); 

this.http.post("http://localhost/slreview-api/public/api/actors",body,{headers: headers })
  .map(res => res.json())
  .subscribe(
    data => {
      console.log("data => ", data);
    },
    error => {
      console.log('Error => ', error);
    },
    () => {
      console.log('Completed!');
      this.presentToast();
    }
  );}

Я хочу опубликовать свои данные через запрос спасибо!

1 Ответ

0 голосов
/ 18 января 2019

Измените порядок добавления параметров и добавьте файл изображения в качестве последнего параметра на FormData, как показано ниже. 

  let body = new FormData();
  body.append('name',this.actorName); 
  body.append('country',this.actorCountry );
  body.append('first_movie',this.actorFirstMovie);
  body.append('best_movie',this.actorBestMovie);
  body.append('imdb_best_movie',this.actorImdbBestMovie);
  body.append('file',this.image);
...