Question

我有一个图标，我希望它可以作为pdf的下载按钮。我尝试了几件事，但到目前为止还没有任何方法可以做到这一点吗？

Answer 1

将您的图标包装在一个锚中非常简单，或者使用该图标作为一个

的背景

<a href="path/to/download">
   <img src="icon.png">
</a>

Answer 2

你可以使用jQuery：

HTML 的

<img id="btnDownload" src="icon.png" />

的jQuery

$(document).ready(function(){
   // you can bind the onClick event on the button by getting its id
   $("#btnDownload").click(function(e){
         e.preventDefault(); //=> This line of code will prevent you on going to another location
        // YOUR CODE ON DOWNLOADING THE PDF
        // YOU CAN ALSO USE AJAX here for you pdf download....
   });
});

有关 e.preventDefault 的详情，请点击此链接http://api.jquery.com/event.preventdefault/

Answer 3

标签具有直接下载链接的下载属性

<a href="/path/to/pdf" download>Download pdf</a>

如何从图像中创建下载按钮？

3 个答案: