如何在Ionic 2中进行HTTP POST

时间:2017-02-18 07:42:58

标签: html5 http angular typescript ionic2

我正在制作我主页的APP。我在撰写“写作页面”时遇到了问题。 我必须发布一些数据和图像。我无法获得POST图像!

我搜索并找到了这段代码。但它还没有工作......我认为FormData是空的。你能告诉我为什么FormData是空的还是你能告诉我在Ionic 2中发布图片和文字的更好方法吗?

这是我的HTML代码..

<input type="file" (change)="write($event)"/>

和我的TypeScript代码

write(event) {

  let file = event.srcElement.files.item(0);

  let formData: FormData = new FormData();

  let headers = new Headers({
    'Content-Type': 'multipart/form-data'
  });

  let options = new RequestOptions({
    headers: headers
  });

  formData.append('bf_file', file, file.name);
  formData.append('wr_subject', 'Just Testing');
  formData.append('wr_content', 'Some content...');
  formData.append('bo_table', 'table');

  this.http.post('http://www.myhomepage.com/write_update.php', formData, options).subscribe(res => {
    console.log(res.text());
  });

}

请帮帮我......

0 个答案:

没有答案