HTML5的download属性详细介绍和使用实例


Posted in HTML / CSS onApril 23, 2014

然而,也有很多小的非常好的特征;其中一个就是新添加的download属性。download属性能让我们指定浏览器下载时采用新的文件名称,也就是在客户端重命名下载文件。而不是链接上原始的文件名称。实际上download属性更合适的名称是downloadName。

HTML代码

把download属性放到A链接上….

复制代码
代码如下:

<!-- 下载时使用"预算表.pdf"名称 -->
<a href="/files/adlafjlxjewfasd89asd8f.pdf?66b11b" download="预算表.pdf">下载支出费用表</a>

当用户点击这个链接,download属性值里的新名称就会显示到弹出的下载框里。这样你保存的文件名称是“预算表.pdf”。而且,download属性能够强制触发下载操作,很像我们用PHP里在server端执行的操作。

download属性在你需要执行下载任务时非常的有用,很多时候我们在服务端存储的文件名都是序号表示的,确保其唯一性,但这样的名称对用户是无意义的。download属性的客户端重命名功能使我们轻而易举的变换了下载文件名。

HTML / CSS 相关文章推荐
详解CSS3开启硬件加速的使用和坑
Aug 21 HTML / CSS
css3.0新属性效果在ie下的解决方案
May 10 HTML / CSS
CSS3用@font-face实现自定义英文字体
Sep 23 HTML / CSS
一款纯css3实现的鼠标经过按钮特效教程
Nov 09 HTML / CSS
纯HTML5+CSS3制作图片旋转
Jan 12 HTML / CSS
HTML5边玩边学(2)基础绘图实现方法
Sep 21 HTML / CSS
html5 viewport使用方法示例详解
Dec 02 HTML / CSS
HTML5所有标签汇总及标签意义解释
Mar 12 HTML / CSS
推荐10个HTML5响应式框架
Feb 25 HTML / CSS
很酷的HTML5电子书翻页动画特效
Feb 25 HTML / CSS
基于HTML5的WebGL经典3D虚拟机房漫游动画
Nov 15 HTML / CSS
recorder.js 基于Html5录音功能的实现
May 26 HTML / CSS
HTML5里的placeholder属性使用实例和美化显示效果的方法
Apr 23 #HTML / CSS
HTML5的hidden属性兼容老浏览器的方法
Apr 23 #HTML / CSS
HTML5中的Scoped属性使用实例
Apr 23 #HTML / CSS
HTML5添加鼠标悬浮音响效果不使用FLASH
Apr 23 #HTML / CSS
html5菜单折纸效果
Apr 22 #HTML / CSS
html5读取本地文件示例代码
Apr 22 #HTML / CSS
使用html5制作loading图的示例
Apr 14 #HTML / CSS
You might like
用Socket发送电子邮件
2006/10/09 PHP
php header功能的使用
2013/10/28 PHP
php通过array_merge()函数合并关联和非关联数组的方法
2015/03/18 PHP
详解php中 === 的使用
2016/10/24 PHP
Laravel5.1 框架响应基本用法实例分析
2020/01/04 PHP
身份证号码前六位所代表的省,市,区, 以及地区编码下载
2007/04/12 Javascript
用Javascript数组处理多个字符串的连接问题
2009/08/20 Javascript
javascript阻止浏览器后退事件防止误操作清空表单
2013/11/22 Javascript
jQuery控制网页打印指定区域的方法
2015/04/07 Javascript
javascript中setInterval的用法
2015/07/19 Javascript
JS模拟按钮点击功能的方法
2015/12/22 Javascript
bootstrap weebox 支持ajax的模态弹出框
2017/02/23 Javascript
基于javascript的异步编程实例详解
2017/04/10 Javascript
jQuery响应滚动条事件功能示例
2017/10/14 jQuery
详细分析JS函数去抖和节流
2017/12/05 Javascript
Vue实现PopupWindow组件详解
2018/04/28 Javascript
vue基于element的区间选择组件
2018/09/07 Javascript
VUE+Element UI实现简单的表格行内编辑效果的示例的代码
2018/10/31 Javascript
详解vue项目中使用token的身份验证的简单实践
2019/03/08 Javascript
微信小程序使用canvas自适应屏幕画海报并保存图片功能
2019/07/25 Javascript
JavaScript使用localStorage存储数据
2019/09/25 Javascript
Python中的连接符(+、+=)示例详解
2017/01/13 Python
Python实现求笛卡尔乘积的方法
2017/09/16 Python
Python有序字典简单实现方法示例
2017/09/28 Python
Python贪心算法实例小结
2018/04/22 Python
python中将\\uxxxx转换为Unicode字符串的方法
2018/09/06 Python
Django 创建/删除用户的示例代码
2019/07/24 Python
Python如何通过百度翻译API实现翻译功能
2020/04/02 Python
iphoneX 适配客户端H5页面的方法教程
2017/12/08 HTML / CSS
澳大利亚药房在线:ThePharmacy
2017/10/04 全球购物
数控专业应届生求职信
2013/11/27 职场文书
城管执法人员个人对照检查材料思想汇报
2014/09/29 职场文书
单位租房协议书样本
2014/10/30 职场文书
2015年社区计生工作总结
2015/04/21 职场文书
成本低的5个创业项目:投资小、赚钱快
2019/08/20 职场文书
Redis遍历所有key的两个命令(KEYS 和 SCAN)
2021/04/12 Redis