html 中 a 链接的 download 属性的神奇使用
来源:互联网 发布:淘宝怎么找优惠券 编辑:程序博客网 时间:2024/06/02 04:54
html 中 a 链接的 download 属性的神奇使用
一般来说,我们在页面中提供下载的时候,都需要去配置一些服务端的东西,比如指定 zip
文件就通知浏览器下载这个文件。
但是,比如 .jpg
这样的图片文件,如何使它变成下载呢?浏览器可以直接打开访问这个文件的呀。
再比如,.pdf
文件,有的浏览器支持直接打开,有的浏览器不支持,则会下载。等等之类的问题。
好,现在的问题是,我需要方可点击这个链接,然后把一个资源下载下来,而不是用浏览器打开。
非常明确的需求。
之前我在开发 FengCMS
开源系统的时候,就涉及到这个问题。当时我们用PHP写了一个函数,凡是用这个函数包裹的链接,会强制浏览器去下载。
直到今天。。。。
神奇的 download 属性
<a href="https://vuejs.org/images/logo.png" download>下载 vue 的 LOGO</a>
如上代码,就可以直接把文件给下载下来了。
什么都没有做,只是给 a
加了一个 download
属性!!
并且不仅仅是这样的,我们还可以重命名文件。如下代码:
<a href="https://vuejs.org/images/logo.png" download="2017.png">下载 vue 的 LOGO</a>
通过给 download
添加属性名,就可以直接下载并且重命名为这个文件名了。
众里寻他千百度,蓦然回首,那人却在灯火阑珊处。
不知道浏览器兼容性如何, but, who care?
本文由 FungLeo 原创,允许转载,但转载必须保留首发链接。
阅读全文
2 0
- html 中 a 链接的 download 属性的神奇使用
- html 中 a 链接的 download 属性的神奇使用
- a 链接的 download 属性实操
- HTML5 a标签的download属性
- HTML5 a标签的download属性
- HTML5 a标签的download属性
- html+css2次学习----a链接的href属性的使用
- Html 中 <a>标签的target属性
- 关于HTML中链接使用的总结
- HTML:链接的使用
- HTML中,闭合优先的神奇标签
- HTML中a标签的rel属性使用 link标签的rel="search"用法
- html中a链接的javascript确认框
- 使用jquery动态修改a链接的href属性值
- html中target属性的使用详解
- HTML中<a>标签的target属性--在使用frame框架做网页时可用到
- HTML中<a>标签的target属性--在使用frame框架做网页时可用到
- 神奇的layout_weight属性
- CVPR 2017精彩论文解读:Xception深度可分离卷积模型
- CSDN如何转载别人的博客
- Android Studio Tip of the Day--Breakpoints
- CCF 2017-03-4 地铁修建
- Ubuntu16.04安装CUDA8.0+CUDNN7
- html 中 a 链接的 download 属性的神奇使用
- 使用Android 编写2048小游戏(二)
- MySQL入门很简单-MySQL存储引擎
- 初识nodejs26
- kafka-manager 安装
- JAVA解析xml(JDOM,DOM4J)
- 函数式编程之高级函数
- wordpress如何路径伪静态处理
- Rsync详解