3

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

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

我的代码：

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

2 回答 2

5

首先我尝试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>
于 2014-12-27T13:31:20.943 回答
0

Yuseferi 脚本解决方案可以转换为一个简单的锚标记，我们在结束之前放置#download-btn：

<a href='/sites/default/files/toy/jpeg/image-1419683919_4851.jpeg'
   download='MyToy.jpeg'>MyToy.jpeg</a>

顺便说一句，download它是一个标准的 HTML5锚标记 (MDN)属性，在script中，它被标记为“实验性”：可能是因为不需要的副作用。仍然 Yuseferi 的解决方案应该是充分的证明。

于 2019-02-08T15:25:30.120 回答