jQuery保存图片Onclick

Question

在我的网站上，我有一个jQuery脚本，如果单击下载按钮，它将在新窗口中打开所需的图像。

我的问题是，当您单击图像将自动保存而不在新窗口中打开的按钮时，如何制作此脚本。

我的代码：

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

Answer 1

首先我尝试使用jqueryfiledonwloader但在图像文件上不起作用，经过一番搜索后我发现下面的解决方案，这对我来说很有吸引力，请尝试一下

 <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>