title: Cannot load a local image?Angular or Chrome issue?
body: <p>I'm working on a page that displays a list of images.
  The Api returns a list of objects with a imgUri property that saves the image absolute path in a shared folder.</p>
  
  <p>But when I use the angular/cli to run the app, the code is okay but in the chrome console, I see a lot of images are blocked by chrome or angular, I am not quite sure. I know maybe running it on a server that could avoid this issue.</p>
  
  <p>So basically, how do you guys test this feature in the development.<strong>Shall I let the api return the image stream and display the image by the stream? Is it a good idea?</strong></p>
  
  <pre><code> &lt;img width="118px" height="180px" src='{{book.imageUri}}' /&gt;
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/SDjD2.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/SDjD2.png" alt="enter image description here"></a></p>
  
  <p><a href="https://i.stack.imgur.com/GF5sb.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/GF5sb.png" alt="enter image description here"></a></p>