title: AWS S3 - Display image in HTML
body: <p>I can't seem to figure out why my image which lives in AWS is not displaying in my HTML.  I'ts simply displaying a white image with the small icon in the top right noting there is no image found (And no alt attribute).</p>
  
  <p>If this is the URL to the image:</p>
  
  <p><a href="https://s3.amazonaws.com/mng-moment/test/PA/40.0103647%2C-75.2625353_1492304397972.jpg" rel="nofollow noreferrer">https://s3.amazonaws.com/mng-moment/test/PA/40.0103647%2C-75.2625353_1492304397972.jpg</a></p>
  
  <p>Then shouldn't the <code>img src</code> be </p>
  
  <p><a href="https://s3.amazonaws.com/mng-moment/test/PA/40.0103647,-75.2625353_1492304397972.jpg" rel="nofollow noreferrer">https://s3.amazonaws.com/mng-moment/test/PA/40.0103647,-75.2625353_1492304397972.jpg</a></p>
  
  <p>I have also tried to match the URL exactly.  I tried to print out in the HTML exactly what is in the img src.  I tried to take out the extension along with other miscellaneous things.  </p>
  
  <p>I have done some research on this and it seems like I'm doing it correctly, although clearly i'm not.  Any idea what is wrong here?</p>
  
  <p>Thanks for any and all help.</p>
  
  <p>EDIT:</p>
  
  <p>This is the code where I create the object to upload:</p>
  
  <pre><code>        var blob = new Blob([dataURItoBlob(picture)], {type: 'image/jpg'});
          var file = new File([blob], moment.location);
          return core.upload(moment.key, moment);
  </code></pre>