Image 该图像未在ionic中发布到api

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

这是代码

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)

givetoapi（）{
var uploadingImage=新图像（）；
uploadingImage.src=“../assets/imgs/banana.jpg”；
let headers=新的headers（）；
headers.append（'content-type'，'image/*'）；
让url为空http://af46cff3.ngrok.io';
让postData=JSON.stringify({
关键词：“predimg”，
值：uploadingImage.src
})
let data:Observable=this.http.post（url，postData）
数据订阅（（结果）=>{
console.log（结果）

在上传到服务器之前，您必须先将图像转换为数据，然后按照本教程进行文件传输。上传（'your imagetest.png'，''，选项）。然后（（数据）=>{console.log（数据+“上传成功”）；}，（err）=>{console.log（err）；}）；