Pass image through ajax using cordova

Question

I am developing my mobile application using ionic framework and I want it to connect to my API through ajax. Currenty, in the mobile side, which is I am using Ionic Framework, I want to upload an image and pass it to my api through ajax. I am using Cordova for the upload but it seems it doesn't found the URL I indicated.

Here's the HTML

<ion-footer-bar class="bar bar-positive">
  <div class="button-bar">
    <button class="button icon-left ion-upload" ng-click="uploadImage()" ng-disabled="image === null">Upload</button>
  </div>
</ion-footer-bar>

Here's the uploadImage() function in the controller (Just copied the code in a site. Forgot where) EDIT: added targetPath

$scope.uploadImage = function() {
    // Destination URL
    var url = "http://192.168.0.19/identificare_api/public/api/plants/image";
   var targetPath = $scope.pathForImage($scope.image);
    // File name only
   var filename = $scope.image;

   var options = {
       fileKey: "file",
       fileName: filename,
       chunkedMode: false,
       mimeType: "multipart/form-data",
       params : {'fileName': filename}
    };

    $cordovaFileTransfer.upload(url, targetPath, options).then(function(result) {
    var jsonparse = JSON.parse(result);
    $scope.showAlert(jsonparse);
}

But in the upload part, I want to do it in ajax to indicate the method for the URL but the problem I don't know what put in data.

$.ajax({
     url: "http://192.168.0.19/identificare_api/public/api/plants/image",
     type: 'POST',
     data: 
     success:function(json){
       var jsonparse = JSON.parse(json);
       alert(jsonparse);
     },
     error:function(){
         alert("Error");
     }
});

Can someone help me with this issue?

UPDATE: Applied here @Blauharley's comment below I had another issue here. I returned the $_FILES['image']['tmp_name'] in the API side but it returns nothing but when I returned the $_FILES['image']['name'], it returned my_image.jpg. Why it doesn't have tmp_name?

$scope.uploadImage = function() {

// File for Upload
var targetPath = $scope.pathForImage($scope.image);

$scope.getBase64ImageByURL(targetPath).then(function(base64Image){
  var blob = $scope.base64ToBlob(base64Image,'image/jpeg');
  var fd = new FormData();
  fd.append('image', blob, "my_image.jpg");
  fd.append('user_token', "rLUrh37rfTozuBxmemHtlKMgH");

  $.ajax({
    url: 'http://192.168.0.19/identificare_api/public/api/plants/image',
    type: 'POST',
    data: fd,
    contentType: false,
    processData: false,
    success:function(res){
      alert(res);
    },
    error:function(err){
      alert("Something's wrong with your api. Come on fix it!");
    }
  });
 });
};

$scope.getBase64ImageByURL = function(url) {
      var dfd = new $.Deferred();
      var xhr = new XMLHttpRequest();
      xhr.responseType = 'blob';
      xhr.onload = function() {
         var reader = new FileReader();
         reader.onloadend = function() {
             dfd.resolve(reader.result);
         }
         reader.readAsDataURL(xhr.response);
      };
      xhr.open('GET', url);
      xhr.send();
      return dfd.promise();
};

$scope.base64ToBlob = function(base64Image,toMimeType) {
      var byteCharacters = atob(base64Image.replace('data:'+toMimeType+';base64,',''));
      var byteNumbers = new Array(byteCharacters.length);
      for (var i = 0; i < byteCharacters.length; i++) {
            byteNumbers[i] = byteCharacters.charCodeAt(i);
      }
      var byteArray = new Uint8Array(byteNumbers);
      var blob = new Blob([byteArray], {
          type: toMimeType
      });
 return blob;
};

ADDED: API side

public function image(){
      echo json_encode($_FILES['image']['tmp_name']);
}