title: How to show objects from an s3 bucket that is not public
body: <p>I am trying to show objects from an S3 bucket that is not public. In order to do this I would have to provide the access and secret keys to AWS. </p>
  
  <p>I have this fiddle (without the keys) but it does not work when I enter the correct keys: <a href="http://jsfiddle.net/jsp3wzbu/" rel="nofollow noreferrer">http://jsfiddle.net/jsp3wzbu/</a></p>
  
  <pre><code>&lt;section ng-app data-ng-controller="myCtrl"&gt;
      &lt;img  ng-src="{{s3url}}" id="myimg"&gt;
  &lt;/section&gt;
  </code></pre>
  
  <p>also, how is security handled? I would not want to store the access/secret keys in my client code because users will see it. My server code keeps these keys in environment variables and I fear that if I share them with my client side JS code, then they will be exposed. Is there any other way for me to show the S3 object on the browser? ....Can the server provide the images as base64 json and the client side code renders it?</p>