(一)添加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>
这种方法在所有浏览器中都支持,。