title: Image file size turned to 17B when upload the photo to Azure Storage Explorer (Ionic 5)
body: <p>I wanted to create a function which able user to upload photo to the azure storage using their mobile device. However, when i run the ionic project, i'm able to capture image and upload to the azure storage but once i upload the image the file size being compressed to 17B which i feel that it get the file name length but not the full size of the image. Please HELP!!!! azure storage output able to view below this thread post. Thanks.</p>
  <p>Below Code is the function of capture and upload to azure</p>
  <pre><code>  capture() {
      this.pickImage(this.camera.PictureSourceType.CAMERA);
    }
  
    pickImage(sourceType: PictureSourceType) {
      const options: CameraOptions = {
        quality: 100,
        sourceType: sourceType,
        destinationType: this.camera.DestinationType.FILE_URI,
        encodingType: this.camera.EncodingType.JPEG,
        mediaType: this.camera.MediaType.PICTURE,
        saveToPhotoAlbum: false,
        correctOrientation: true
      };
  
      this.camera.getPicture(options).then((imageData) =&gt; {
        this.file.resolveLocalFilesystemUrl(imageData).then((entry: FileEntry) =&gt; {
          entry.file(async file =&gt; {
            console.log('success get the picture ', file.name, file.size, file.type)
            this.upload(file);
  
          });
        });
      }, (err) =&gt; {
        console.log('this is error message', err)
      });
  
    }
  
    async upload(file: File ) {
  
      console.log('starting upload ')
      console.log('this is imageFile ', file.name)
      console.log('this is imageSize ', file.size)
  
      const blobServiceClient = new BlobServiceClient(this.global.blobUrl + this.captureService.containerName + this.captureService.sas); 
      const containerClient = blobServiceClient.getContainerClient('test-result');
      const blobClient = containerClient.getBlockBlobClient(file.name);
      const response = await blobClient.upload(file.name, file.size, {
        blobHTTPHeaders: { blobContentType: file.type }
      }); 
      console.log('this is response status ', response._response.status);
  
    }
  </code></pre>
  <p><img src="https://i.stack.imgur.com/2qm7t.png" alt="Image File compressed to 17B" /></p>