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来实现社交分享按钮
Nov 11 HTML / CSS
8款使用 CSS3 实现超炫的 Loading(加载)的动画效果
Mar 17 HTML / CSS
CSS3绘制六边形的简单实现
Aug 25 HTML / CSS
css3实现可拖动的魔方3d效果
May 07 HTML / CSS
html5 canvas-1.canvas介绍(hello canvas)
Jan 07 HTML / CSS
HTML5 Canvas draw方法制作动画效果示例
Jul 11 HTML / CSS
HTML5新特性之用SVG绘制微信logo
Feb 03 HTML / CSS
HTML5不支持标签和新增标签详解
Jun 27 HTML / CSS
HTML5中判断横屏竖屏的方法(移动端)
Aug 04 HTML / CSS
canvas学习和滤镜实现代码
Aug 22 HTML / CSS
CSS预处理框架——Stylus
Apr 21 HTML / CSS
css3中2D转换之有趣的transform形变效果
Feb 24 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作的文本留言本的例子(四)
2006/10/09 PHP
基于php中使用excel的简单介绍
2013/08/02 PHP
PHP使用gmdate实现将一个UNIX 时间格式化成GMT文本的方法
2015/03/19 PHP
PHP实现基于文本的摩斯电码生成器
2016/01/11 PHP
PHP随机数函数rand()与mt_rand()的讲解
2019/03/25 PHP
转换字符串为json对象的方法详解
2013/11/29 Javascript
jquery实现的V字形显示效果代码
2015/10/27 Javascript
常见JS验证脚本汇总
2015/12/01 Javascript
浅析2种JavaScript继承方式
2015/12/04 Javascript
js实现prototype扩展的方法(字符串,日期,数组扩展)
2016/01/14 Javascript
AngularJs 终极购物车(实例讲解)
2017/11/08 Javascript
node vue项目开发之前后端分离实战记录
2017/12/13 Javascript
jQuery实现的上传图片本地预览效果简单示例
2018/03/29 jQuery
vue实现弹框遮罩点击其他区域弹框关闭及v-if与v-show的区别介绍
2018/09/29 Javascript
jQuery实现验证用户登录
2019/12/10 jQuery
ES6 Iterator遍历器原理,应用场景及相关常用知识拓展详解
2020/02/15 Javascript
python逐行读取文件内容的三种方法
2014/01/20 Python
python实现倒计时的示例
2014/02/14 Python
Python极简代码实现杨辉三角示例代码
2016/11/15 Python
python处理csv中的空值方法
2018/06/22 Python
numpy matrix和array的乘和加实例
2018/06/28 Python
如何利用python制作时间戳转换工具详解
2018/09/12 Python
django之状态保持-使用redis存储session的例子
2019/07/28 Python
django中使用事务及接入支付宝支付功能
2019/09/15 Python
Python列表操作方法详解
2020/02/09 Python
CSS3模块的目前的状况分析
2010/02/24 HTML / CSS
CSS3转换功能transform主要属性值分析及实现分享
2012/05/06 HTML / CSS
Kiwi.com中国:找到特价机票并发现新目的地
2019/10/27 全球购物
JNI的定义
2012/11/25 面试题
《夏夜多美》教学反思
2014/02/17 职场文书
田径运动会通讯稿
2014/09/13 职场文书
党政领导班子群众路线对照检查材料
2014/10/26 职场文书
2016高校自主招生自荐信范文
2016/01/28 职场文书
html+css实现赛博朋克风格按钮
2021/05/26 HTML / CSS
VUE中的v-if与v-show区别介绍
2022/03/13 Vue.js
详解MySQL的主键查询为什么这么快
2022/04/03 MySQL