title: How to display a image file from cache directory file:/// using img html tag in ionic 4?
body: <p>I'm trying to display an image from photo library. It returns me, <code>file:///storage/emulated/0/Android/data/com.xxx.mobile/cache/20200306_121224.jpg</code></p>
  
  <p>HTML tag <code>&lt;img src="file:///storage/emulated/0/Android/data/com.xxx.mobile/cache/20200306_121224.jpg"/&gt;</code> is not valid.</p>
  
  <p><strong>Source code:</strong>
  <em>.ts file</em></p>
  
  <pre><code>const cameraOptions = {
        sourceType: this.camera.PictureSourceType.PHOTOLIBRARY,
        destinationType: this.camera.DestinationType.FILE_URI, 
        encodingType: this.camera.EncodingType.JPEG,
        correctOrientation: true
      }
        this.camera.getPicture(cameraOptions).then((imageData) =&gt; {
          if(imageData){
            this.filePath.resolveNativePath(imageData).then(filePath =&gt; {
              resolve(filePath);
              //filePath variable is 'file:///storage/emulated/0/Android/data/com.xxx.mobile/cache/20200306_121224.jpg'
            }).catch(err =&gt; console.log(err));
  
          }
        }, (err) =&gt; {
          var error = JSON.stringify(err)
          reject(error);
        })
  </code></pre>
  
  <p><strong>Source code:</strong>
  <em>.html file</em></p>
  
  <pre><code>&lt;img [src]="item.FileURI" /&gt;
  </code></pre>