title: Getting Fun White Square when Uploading to S3 via Put
body: <p>Friends, Countrymen, Lend me your ears...</p>
  
  <p>I'm signing my url for amazon s3, and then using fileReader and Fetch to put my file in s3.
  Though when I do I get a fun white square instead of my image:
  <a href="https://s3.amazonaws.com/hubbble/Gabe/lX4H0.png" rel="noreferrer">https://s3.amazonaws.com/hubbble/Gabe/lX4H0.png</a></p>
  
  <pre><code>const reader = new FileReader();
  reader.onload = ((e) =&gt; {
  
    let s3headers = new Headers();
    s3headers.append("content-type", 'image/png');
  
    fetch(signedRequest, {
        method: 'PUT',
        headers: s3headers,
        body: e.currentTarget.result
    }).then((response)=&gt;{
      console.log(response);
    });
  });
  </code></pre>
  
  <ul>
  <li>Permissions Issue? Don't really think so as you can definitely view the image</li>
  <li>Corrupted somehow? </li>
  <li>Maybe an incorrect content type?</li>
  </ul>
  
  <p>Thoughts?
  Thanks for any guidance, been banging my head against the wall on this!</p>