title: Displaying a FILE_URI image taken by Native Camera in Ionic 3
body: <p>How do you display a FILE_URI image taken by the user using <code>@ionic-native/camera</code> in Ionic 3? </p>
  
  <p>I can use Ionic Native's Camera to get a FILE_URI image URL, with a result like this: </p>
  
  <pre><code>file:///var/mobile/Containers/Data/Application/XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXX/tmp/cdv_photo_005.jpg
  </code></pre>
  
  <p>However, When I try to display this image back to the user by referring to the URI in my view template, the image never loads.</p>
  
  <p><strong>Things I've tried:</strong></p>
  
  <p>-Using the image URI directly in the view</p>
  
  <pre><code>&lt;img src="{{profile.image}}"&gt;    // Never loads
  </code></pre>
  
  <p>-Sanitizing the URI by including <code>DomSanitizer</code> in the page component:</p>
  
  <pre><code>&lt;img [src]="domSanitizer.bypassSecurityTrustUrl(profile.image)"&gt;    // Never loads
  </code></pre>
  
  <p>I would rather not use a base64 image because of the performance drag. What am I doing wrong here?</p>