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 Tooltips(鼠标经过时显示)的效果
Apr 10 HTML / CSS
CSS3的transition和animation的用法实例介绍
Aug 20 HTML / CSS
纯CSS3实现的阴影效果
Dec 24 HTML / CSS
HTML5之SVG 2D入门10—滤镜的定义及使用
Jan 30 HTML / CSS
突袭HTML5之Javascript API扩展5—其他扩展(应用缓存/服务端消息/桌面通知)
Jan 31 HTML / CSS
Javascript 高级手势使用介绍
Apr 21 HTML / CSS
HTML5新增加标签和功能概述
Sep 05 HTML / CSS
Web前端页面跳转并取到值
Apr 24 HTML / CSS
HTML5实现自带进度条和滑块滑杆效果
Apr 17 HTML / CSS
小程序canvas中文字设置居中锚点
Apr 16 HTML / CSS
HTML5中的Web Notification桌面通知功能的实现方法
Jul 29 HTML / CSS
HTML怎么设置下划线?html文字加下划线方法
Dec 06 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
图书管理程序(三)
2006/10/09 PHP
《PHP编程最快明白》第二讲 数字、浮点、布尔型、字符串和数组
2010/11/01 PHP
详解php中的implements 使用
2017/06/13 PHP
JavaScript 在各个浏览器中执行的耐性
2009/04/06 Javascript
ASP Json Parser修正版
2009/12/06 Javascript
用js实现的模拟jquery的animate自定义动画(2.5K)
2010/07/20 Javascript
用JS判别浏览器种类以及IE版本的几种方法小结
2011/08/02 Javascript
网页加载时页面显示进度条加载完成之后显示网页内容
2012/12/23 Javascript
js中的onchange和onpropertychange (onchange无效的解决方法)
2014/03/08 Javascript
js文件包含的几种方式介绍
2014/09/28 Javascript
JS中处理时间之setUTCMinutes()方法的使用
2015/06/12 Javascript
js操作table元素实现表格行列新增、删除技巧总结
2015/11/18 Javascript
node.js实现爬虫教程
2020/08/25 Javascript
实现隔行换色效果的两种方式【实用】
2016/11/27 Javascript
Bootstrap table两种分页示例
2016/12/23 Javascript
js学习总结_选项卡封装(实例讲解)
2017/07/13 Javascript
nodejs Assert中equal(),strictEqual(),deepEqual(),strictDeepEqual()比较
2017/09/18 NodeJs
JavaScript通过mouseover()实现图片变大效果的示例
2017/12/20 Javascript
vue的全局变量和全局拦截请求器的示例代码
2018/09/13 Javascript
angularjs获取到My97DatePicker选中的值方法
2018/10/02 Javascript
vue打包之后生成一个配置文件修改接口的方法
2018/12/09 Javascript
layui自定义工具栏的方法
2019/09/19 Javascript
解决Can't find variable: SockJS vue项目的问题
2020/09/22 Javascript
django xadmin action兼容自定义model权限教程
2020/03/30 Python
解决Python paramiko 模块远程执行ssh 命令 nohup 不生效的问题
2020/07/14 Python
详解python中的闭包
2020/09/07 Python
New Balance波兰官方商城:始于1906年,百年慢跑品牌
2017/08/15 全球购物
草莓网化妆品日本站:Strawberrynet日本
2017/10/20 全球购物
高中毕业生生活的自我评价
2013/12/08 职场文书
2014中学教师节广播稿
2014/09/10 职场文书
党员教师批评与自我批评发言稿
2014/10/15 职场文书
个人借条范本
2015/05/25 职场文书
公文格式,规则明细(新手收藏)
2019/07/23 职场文书
交通安全宣传标语(100条)
2019/08/22 职场文书
MySQL表类型 存储引擎 的选择
2021/11/11 MySQL
SQL Server数据库基本概念、组成、常用对象与约束
2022/03/20 SQL Server