title: Cloudflare CDN header cf-cache-status:MISS when loading image from page
body: <p>I'm trying to load images from Amazon S3 thru Cloudflare CDN. When adding <code>src</code> to <code>&lt;img /&gt;</code> tag by JavaScript response header <code>cf-cache-status</code> returns <code>MISS</code>, but when i'm opening picture in new tab it's <code>HIT</code> as it should be (working thru CDN cache).</p>
  
  <p>The difference in request headers is</p>
  
  <p>when getting image by JavaScript:</p>
  
  <pre><code>accept:image/webp,image/*,*/*;q=0.8
  referer:https://example.com/
  </code></pre>
  
  <p>when open in new tab:</p>
  
  <pre><code>accept:text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,*/*;q=0.8
  cache-control:max-age=0
  if-modified-since:Sun, 15 Jan 2017 15:57:40 GMT
  if-none-match:"62d2f51d08bd490d403206a37bec9c15"
  upgrade-insecure-requests:1
  </code></pre>
  
  <p>What should i do to make it <code>HIT</code> from my webpage?</p>