title: Instant download image on button click
body: <p>I'm trying to make simple button which when is clicked will download image. Currently when I click it is open image on blank page where you should click "Save as.."</p>
  
  <p>How can I "force" the browser to download it?</p>
  
  <p>This is current image and button</p>
  
  <pre><code>&lt;img src="{{ $thumb }}" class="img-responsive"&gt;             
  &lt;a type="submit" download="{{ $thumb }}" href="{{ $thumb }}" class="btn btn-primary"&gt; 
      Download Image
  &lt;/a&gt;
  </code></pre>
  
  <p>I've tried:</p>
  
  <pre><code>download="{{ $thumb }}"
  </code></pre>
  
  <p>Also</p>
  
  <pre><code>download="{{ $thumb }}" target="_blank"
  </code></pre>
  
  <p>Also tried to put the <code>&lt;img...&gt;</code> tag inside <code>&lt;a href..&gt;</code> tag and still doesn't work.</p>