jQuery Save Image Onclick

问题:

On my website I have a jQuery script that, if the download button is clicked it will open the image that you want in new window.

My question is, how can I make this script when you click the button the image will save automatically and not open in a new window.

My code :

<script type="text/javascript">         $(document).ready(function (){             $('#download-btn').click(function(){                 var size = $('#size').val();                                 window.open(size);             });         })     </script> 

回答1:

First I try jqueryfiledonwloader but not work on image file,after a some searching I found below solution,This work for me charmly,try this

 <script type="text/javascript">         $(document).ready(function (){             $('#download-btn').click(function(){      var link = document.createElement('a');                   link.href = '/sites/default/files/toy/jpeg/image-1419683919_4851.jpeg';  // use realtive url                    link.download = 'MyToy.jpeg';                   document.body.appendChild(link);                   link.click();                 });         })     </script> 

文章来源: jQuery Save Image Onclick