a标签的download属性(荐)

在html 中 a 链接有 download 这样一个属性

它有什么用呢？！

 

我们在页面中提供下载的时候，都需要去配置一些服务端的东西，比如指定 zip 文件就通知浏览器下载这个文件。

但是，比如 .jpg 这样的图片文件，如何使它变成下载呢？浏览器可以直接打开访问这个文件的呀。

再比如，.pdf 文件，有的浏览器支持直接打开，有的浏览器不支持，则会下载。等等之类的问题。

好，现在的问题是，我需要点击这个链接，然后把一个资源下载下来，而不是用浏览器打开。

现在需求很明确：点击这个链接，然后把一个资源下载下来，而不是用浏览器打开。

 

download 属性

 

 

<strong><span style="color:#6666cc"><a href="../img/ANTA.jpg" download="yundongxie"></span><span style="color:#333333">下载这个安踏图片,直接点图片就好了</span><span style="color:#6666cc"></a></span></strong>

 

如上代码，就可以直接把文件给下载下来了。

什么都没有做，只是给 a 加了一个 download 属性！！

并且不仅仅是这样的，我们还可以重命名文件。如上图在download中 写上参数 即指定下载时的文件名。

效果如下图：

 

 

点击图片直接下载保存到本地：

 

 

 

是不是挺有趣呢！那就点个关注吧 =。=