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中写上参数即指定下载时的文件名。

效果如下图：

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

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

a标签的download属性(荐)相关推荐

[html] 使用a标签的download属性下载文件会有跨域问题吗？如何解决？
[html] 使用a标签的download属性下载文件会有跨域问题吗?如何解决? 最近刚遇到这个问题,后台返回的图片链接,点击按钮批量下载,a标签的 download 属性只对同源文件有效, 所以我们 ...
HTML5 a标签的download属性
[转载请注明出处:http://blog.csdn.net/leytton/article/details/38545299] download属性能让我们指定浏览器下载时采用新的文件名称,也就是在客 ...
解决H5的a标签的download属性下载service上的文件/图片出现跨域问题
1.通过点击下载多媒体文件(图片/视频/文件等) 最简单的方式: <a href='url' download="filename.ext">下载文件</a> ...
逻辑(html)_文件下载(a标签的download属性)
目录需求描述实现过程实现代码问题原因解决知识点需求描述需求:当点击按钮时,可以下载模板文件,下载地址如下 https://file2.clipworks.com/4c217acc09 ...
前端文件下载利用a标签的download属性下载文件
1.对于后端返回的是url下载地址代码(可直接复制拿去用): // 点击下载文件参数href:下载地址,参数filename:文件名(如后端没有返回文件,可自定义文件名)downloadFile(h ...
＜a＞＜/a＞标签，download属性不下载，而是打开.doc、.txt、.mp3、img，解决方法
情况:公司特别钟爱,导出,下载,批量下载,打印,批量打印,今天遇到下载mp3文件时,只是在线打开,并不下载.因为同源的文件,浏览器默认是打开预览,不同源的才下载.利用get请求转成文件流就可以了. 解 ...
a标签 download属性不生效，一直还是预览图片BUG
问题描述:前段时间一直想使用前端的a标签实现文件下载,使用的a标签的download属性就能实现.可是FTP服务器的图片还是一直只能预览无法直接下载. #使用的地址是直接使用的IP端口的,原因就出在这 ...
jq 之 download下载图片或文件功能，以及一个神奇的download属性！
在一个项目中很常见的一个效果就是下载图片.文件功能,下边就介绍两种方法 1.用jq写下载的方法 //html中代码如下 <div><p>点击图片可下载</p>&l ...
a标签download属性无效_HTML从零开始——链接标签
链接(hyperlink)是互联网的核心.它允许用户在页面上,从一个网址跳转到另一个网址,从而把所有资源联系在一起. URL 是链接指向的地址.链接不仅可以指向另一个网页,也可以指向文本.图像.文件等 ...

a标签的download属性(荐)

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

download 属性

a标签的download属性(荐)相关推荐

最新文章

热门文章