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的新特性
Sep 05 HTML / CSS
CSS3 实现时间轴动画
Nov 25 HTML / CSS
CSS3实现苹果手机解锁的字体闪亮效果示例
Jan 05 HTML / CSS
HTML5 Canvas鼠标与键盘事件demo示例
Jul 04 HTML / CSS
有关HTML5 Video对象的ontimeupdate事件(Chrome上无效)的问题
Jul 19 HTML / CSS
详解通过focusout事件解决IOS键盘收起时界面不归位的问题
Jul 18 HTML / CSS
html5利用canvas实现颜色容差抠图功能
Dec 23 HTML / CSS
html5中嵌入视频自动播放的问题解决
May 25 HTML / CSS
浅析图片上传及canvas压缩的流程
Jun 10 HTML / CSS
amazeui页面分析之登录页面的示例代码
Aug 25 HTML / CSS
Html5移动端网页端适配(js+rem)
Feb 03 HTML / CSS
浅析CSS在DevTools 中架构演变
Oct 05 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
destoon复制新模块的方法
2014/06/21 PHP
PHP中基本HTTP认证技巧分析
2015/03/16 PHP
php mailer类调用远程SMTP服务器发送邮件实现方法
2016/03/04 PHP
php反射类ReflectionClass用法分析
2016/05/12 PHP
20个非常棒的 jQuery 幻灯片插件和教程分享
2011/08/23 Javascript
一个简单的js树形菜单
2011/12/09 Javascript
javascript学习笔记(三) String 字符串类型介绍
2012/06/19 Javascript
js获取select标签的值且兼容IE与firefox
2013/12/30 Javascript
用Jquery实现滚动新闻
2014/02/12 Javascript
jQuery使用hide方法隐藏元素自身用法实例
2015/03/30 Javascript
JS如何实现文本框随文本的长度而增长
2015/07/30 Javascript
jquery实现仿新浪微博带动画效果弹出层代码(可关闭、可拖动)
2015/10/12 Javascript
node.js微信公众平台开发教程
2016/03/04 Javascript
详解Matlab中 sort 函数用法
2016/03/20 Javascript
nodejs中方法和模块用法示例
2018/12/24 NodeJs
微信小程序实现日期格式化和倒计时
2020/11/01 Javascript
layui固定下拉框的显示条数(有滚动条)的方法
2019/09/10 Javascript
vue 中的 render 函数作用详解
2020/02/28 Javascript
[01:13]DOTA2群星解读国服召集令 一起说出回归的理由
2013/07/17 DOTA
python计算最大优先级队列实例
2013/12/18 Python
Python version 2.7 required, which was not found in the registry
2014/08/26 Python
浅谈python 线程池threadpool之实现
2017/11/17 Python
python实现m3u8格式转换为mp4视频格式
2018/02/28 Python
创建pycharm的自定义python模板方法
2018/05/23 Python
python读取并定位excel数据坐标系详解
2019/06/26 Python
分享CSS3制作卡片式图片的方法
2016/07/08 HTML / CSS
利用HTML5实现使用按钮控制背景音乐开关
2015/09/21 HTML / CSS
HTML5制作表格样式
2016/11/15 HTML / CSS
Clarisonic美国官网:科莱丽声波洁面仪
2017/10/12 全球购物
女子锻炼服装和瑜伽服装:Splits59
2019/03/04 全球购物
建筑个人求职信范文
2014/01/25 职场文书
出国签证在职证明
2014/09/20 职场文书
管辖权异议上诉状
2015/05/23 职场文书
2015入党自传书范文
2015/06/26 职场文书
Nginx反向代理及负载均衡如何实现(基于linux)
2021/03/31 Servers
使用python求解迷宫问题的三种实现方法
2022/03/17 Python