title: Restrict uploaded image size Camera plugin cordova ionic
body: <p>I have fetched the image using Camera plugin in my ionic app. I want to restrict the user on the size of the image which user is choosing, lets say 200kb. I have added Camera as File plugin.</p>
  
  <p>I have used below code:</p>
  
  <pre><code>/*Function to get image from gallery*/
  $scope.getImageFromGallery = function(){
      var options = {
          quality: 100,
          destinationType: Camera.DestinationType.FILE_URI,
          sourceType: Camera.PictureSourceType.SAVEDPHOTOALBUM,
          popoverOptions: CameraPopoverOptions,
          saveToPhotoAlbum: false,
          targetWidth: 450,
          targetHeight: 450,
          encodingType: Camera.EncodingType.JPEG,
      };
  
      navigator.camera.getPicture(gallerySuccess, galleryError, options);
  
      function gallerySuccess(imageURI){
          getSize(imageURI);          
      }
  
  
      function getSize(fileUri) {
          window.resolveLocalFileSystemURL(fileUri, function(fileEntry){
  
              fileEntry.getMetadata(function(metadata){
                  console.log("size is "+metadata.size);
              }, resOnError);
  
              fileEntry.file(function(file) {
  
                  var reader = new FileReader();
                  reader.onloadend = function(evt) {
  
                      var imgData = evt.target.result;
                      var res = imgData.split(",");
                      $rootScope.imagebase64 = res[1];
                      var image = document.getElementById('preview-image1');
                      image.src = evt.target.result;
                      $('#preview-image').css('display','block');
                      $('#preview-image').css('background-image', "url("+res[1]+")").show();
                  };
  
                  reader.readAsDataURL(file);
              }, resOnError);
          },
          resOnError);
      }
  
      function resOnError(error) {
          console.log("error "+JSON.stringify(error));
      }
  
      function galleryError(error) {
      }
  }
  </code></pre>
  
  <p>But here, when I'm choosing image of 2.5MB, it is showing size 178908
  and when I'm choosing image of size 8.9MB, it is showing size 88412.</p>
  
  <p>As per my knowledge, the file size is in bytes, but the values which I'm getting are not correct.</p>