图像未发布到 ionic 中的 api答案

【问题标题】：The image is not being posted to api in ionic图像未发布到 ionic 中的 api
【发布时间】：2018-08-05 17:25:59
【问题描述】：

我正在开发使用 POST API 的 ionic 应用程序。我正在为 POST API 提供一个图像/blob，但没有将该图像放入其中。如果 api 获取了图像，那么它将返回一个字符串作为输出，并且它应该在 ionic 的主页中可见。

这是代码。

givetoapi(){
  var uploadingImage = new Image();
  uploadingImage.src = "../assets/imgs/banana.jpg";
  let headers = new Headers();
  headers.append('content-type','image/*');
  let url = 'http://af46cff3.ngrok.io';
  let postData = JSON.stringify({
    key :'predimg',
    value :uploadingImage.src
  })
  let data:Observable<any> = this.http.post(url,postData)
  data.subscribe((result) => {
    console.log(result)

【问题讨论】：

标签： image ionic-framework ionic3

【解决方案1】：

在上传到服务器之前，您必须先将图像转换为数据，然后按照本教程https://www.djamware.com/post/5ae9c9ca80aca714d19d5b9f/ionic-3-angular-5-and-cordova-base64-image-upload-example

【讨论】：

fileTransfer.upload('your imagetest.png', 'someserver', options) .then((data) => { console.log(data+" 上传成功"); }, ( err) => { console.log(err); });