Cloudinary / Ionic Image Upload Service

imageUploadService.js

```
(function() {

  /**
   * @ngInject
   */
  function ius($q, $ionicLoading, $cordovaFile, $translate, CLOUDINARY_CONFIGS) {

    var service = {};

    service.uploadImage = uploadImage;

    return service;

    function uploadImage(imageURI) {

      var deferred = $q.defer();

      var fileSize;
      var percentage;

      // Find out how big the original file is
      window.resolveLocalFileSystemURL(imageURI, function(fileEntry) {
        fileEntry.file(function(fileObj) {
          fileSize = fileObj.size;

          // Display a loading indicator reporting the start of the upload
          $ionicLoading.show({template : 'Uploading Picture : ' + 0 + '%'});

          // Trigger the upload
          uploadFile();
        });
      });

      function uploadFile() {

        // Add the Cloudinary "upload preset" name to the headers
        var uploadOptions = {
          params : { 'upload_preset': CLOUDINARY_CONFIGS.UPLOAD_PRESET}
        };

        $cordovaFile
          // Your Cloudinary URL will go here
          .uploadFile(CLOUDINARY_CONFIGS.API_URL, imageURI, uploadOptions)
          
          .then(function(result) {

            // Let the user know the upload is completed
            $ionicLoading.show({template : 'Upload Completed', duration: 1000});

            // Result has a "response" property that is escaped
            // FYI: The result will also have URLs for any new images generated with 
            // eager transformations
            var response = JSON.parse(decodeURIComponent(result.response));
            deferred.resolve(response);

          }, function(err) {

            // Uh oh!
            $ionicLoading.show({template : 'Upload Failed', duration: 3000});
            deferred.reject(err);
          }, function (progress) {

            // The upload plugin gives you information about how much data has been transferred 
            // on some interval.  Use this with the original file size to show a progress indicator.
            percentage = Math.floor(progress.loaded / fileSize * 100);
            $ionicLoading.show({template : 'Uploading Picture : ' + percentage + '%'});
          });
      }

      return deferred.promise;

    }

  }

  angular.module('yourAppName').factory('ImageUploadService', ius);

})();
```

thanks #longsangstan works great!

In your article here: https://calendee.com/2015/01/15/posting-images-to-cloudinary-in-ionic-apps/ you may want to change the plugin installation commands to:

cordova plugin add cordova-plugin-file
cordova plugin add cordova-plugin-file-transfer

The old plugin repos have been removed.