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 相关文章推荐
纯CSS改变webkit内核浏览器的滚动条样式
Apr 17 HTML / CSS
html5-websocket基于远程方法调用的数据交互实现
Dec 04 HTML / CSS
html5 input属性使用示例
Jun 28 HTML / CSS
html5设计原理(推荐收藏)
May 17 HTML / CSS
巧用HTML5给按钮背景设计不同的动画简单实例
Aug 09 HTML / CSS
详解如何通过H5(浏览器/WebView/其他)唤起本地app
Dec 11 HTML / CSS
html5调用app分享功能示例(WebViewJavascriptBridge)
Mar 21 HTML / CSS
快速创建 HTML5 Canvas 电信网络拓扑图的示例代码
Mar 21 HTML / CSS
HTML5中的Web Notification桌面右下角通知功能的实现
Apr 19 HTML / CSS
AmazeUI 网格的实现示例
Aug 13 HTML / CSS
CSS filter 有什么神奇用途
May 25 HTML / CSS
浅谈CSS不规则边框的生成方案
May 25 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
PHP的pcntl多进程用法实例
2015/03/19 PHP
隐性调用php程序的方法
2015/06/13 PHP
js类中获取外部函数名的方法与代码
2007/09/12 Javascript
ext checkboxgroup 回填数据解决
2009/08/21 Javascript
基于JQuery的cookie插件
2010/04/07 Javascript
js获取元素在浏览器中的绝对位置
2010/07/24 Javascript
select标签模拟/美化方法采用JS外挂式插件
2013/04/01 Javascript
在js文件中如何获取basePath处理js路径问题
2013/07/10 Javascript
Jqgrid表格随窗口大小改变而改变的简单实例
2013/12/28 Javascript
jquery中each方法示例和常用选择器
2014/07/08 Javascript
分享2个jQuery插件--jquery.fileupload与artdialog
2014/12/26 Javascript
Node.js的基本知识简单汇总
2016/09/19 Javascript
js 倒计时(高效率服务器时间同步)
2017/09/12 Javascript
vue下的@change事件的实现
2019/10/25 Javascript
[04:39]显微镜下的DOTA2第十三期—Pis卡尔个人秀
2014/04/04 DOTA
[44:15]国士无双DOTA2 6.82版本详解(上)
2014/09/28 DOTA
Python遍历文件夹和读写文件的实现方法
2017/05/10 Python
Python如何抓取天猫商品详细信息及交易记录
2018/02/23 Python
python中partial()基础用法说明
2018/12/30 Python
Python3.6.x中内置函数总结及讲解
2019/02/22 Python
Python函数装饰器常见使用方法实例详解
2019/03/30 Python
flask框架配置mysql数据库操作详解
2019/11/29 Python
Python APScheduler执行使用方法详解
2020/12/10 Python
小橄榄树:Le Petit Olivier
2018/04/23 全球购物
Charles & Colvard官网:美国莫桑石品牌
2019/06/05 全球购物
Pandora西班牙官方商店:PandoraShop.es
2020/10/05 全球购物
Penhaligon’s英国官网:成立于1870年的英国香水制造商
2021/02/18 全球购物
大学同学聚会邀请函
2014/01/19 职场文书
酒店员工检讨书
2014/02/18 职场文书
高中毕业生的个人自我评价
2014/02/21 职场文书
汇源肾宝广告词
2014/03/20 职场文书
大二学生自我检讨书
2014/10/23 职场文书
夫妻分居协议书范本(有子女版)
2014/11/01 职场文书
2014年图书馆个人工作总结
2014/12/18 职场文书
2015年保洁员工作总结
2015/05/04 职场文书
Java实现斗地主之洗牌发牌
2021/06/14 Java/Android