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>

Answer 2

更高效，将直接用HTML编码。因此，具有“按钮外观相似”样式（例如，请参见How do I make an html link look like a button?）的Yusef解决方案将被简单地编码为：

<a id='download-btn' href='/sites/default/files/toy/jpeg/image-1419683919_4851.jpeg'
   download='MyToy.jpeg' class="button">Save as MyToy.jpeg</a>

jQuery保存图像Onclick

2 个答案: