Capactior native api file upload

Capacitor
1

import { Injectable } from ‘@angular/core’;
import { HttpClient,HttpHeaders } from ‘@angular/common/http’;
import { Observable } from ‘rxjs’;
import { Platform } from ‘@ionic/angular’;
import { CapacitorHttp, HttpOptions } from ‘@capacitor/core’;
import { from } from ‘rxjs’;

@Injectable({
providedIn: ‘root’
})
export class ScanService {
private apilUrl=‘http://3.109.60.88/scanIngredients/’
private platform: Platform;

constructor( private http:HttpClient,private platForm:Platform) {
this.platform = platForm;
}

async scanProduct(file:Blob):Promise<Observable>{

const formData =new FormData();
    formData.append('file',file,'ingredeints-list.jpg');

    const options:HttpOptions = {
      url: this.apilUrl,
      method:'POST',
      headers: { 'Content-Type': 'multipart/form-data' },
      data:formData,
    };
    if(this.platform.is('desktop')||this.platform.is('mobileweb')){
      return this.http.post(`${this.apilUrl}`,formData)
    }
    else{
   
        return from(CapacitorHttp.post(options));
  
     
    }

}
}

facing issue in mobile env calling api getting failed please help me