通过点击a链接实现下载功能

（一）添加download属性
HTML5提供了标签的一个新的属性download，直接添加这个属性就可以实现下载。

代码如：

<a id="id" href="图片链接" download="image.jpg">

但只有 Firefox 和 Chrome 支持 download 属性。IE中没有下载效果。

（二）PHP代码实现
　　浏览器会通过头信息进行判断，一旦没有找到头信息浏览器则根据自己的既定规则进行解析。如果浏览器能识别该文件，则会以相应的方式显示该文件；如果浏览器不能识别该文件，则会弹出下载保存窗口供用户进行下载保存。为了达到浏览器兼容的目的，让所有浏览器都可以实现点击下载，可以用PHP实现。

代码：

<?php
    $file = $_GET['file'];
    header('Content-type: octet/stream');
    header('Content-disposition: attachment; filename='.$file.';');
    header('Content-Length: '.filesize($file));
    readfile($file);
    exit;
?>

我们就可以在HTML代码中调用这个PHP文件实现点击a链接下载图片的操作了。比如下载qq.jpg

HTML代码如下：

<a href="download.php?file=a1.jpg">点击下载</a>

这种方法在所有浏览器中都支持，。