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 11 HTML / CSS
实例讲解CSS3中的border-radius属性
Aug 18 HTML / CSS
关于前端上传文件全面基础扫盲贴(入门)
Aug 01 HTML / CSS
HTML5 Canvas——用路径描画线条实例介绍
Jun 09 HTML / CSS
html5中的input新属性range使用记录
Sep 05 HTML / CSS
用HTML5制作烟火效果的教程
May 12 HTML / CSS
html5使用Drag事件编辑器拖拽上传图片的示例代码
Aug 22 HTML / CSS
导出HTML5 Canvas图片并上传服务器功能
Aug 16 HTML / CSS
纯CSS实现hover图片pop-out弹出效果的实例代码
Apr 16 HTML / CSS
CSS3 实现NES游戏机的示例代码
Apr 21 HTML / CSS
带你了解CSS基础知识,样式
Jul 21 HTML / CSS
纯CSS打字动画的实现示例
Aug 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
PHP ajax 分页类代码
2008/11/13 PHP
php IP转换整形(ip2long)的详解
2013/06/06 PHP
基于PHP+Ajax实现表单验证的详解
2013/06/25 PHP
PHP 用session与gd库实现简单验证码生成与验证的类方法
2016/11/15 PHP
linux mint下安装phpstorm2020包括JDK部分的教程详解
2020/09/17 PHP
JS 弹出层 定位至屏幕居中示例
2014/05/21 Javascript
jQuery 中DOM 操作详解
2015/01/13 Javascript
纯js模拟div层弹性运动的方法
2015/07/27 Javascript
Javascript设计模式理论与编程实战之简单工厂模式
2015/11/03 Javascript
微信小程序 教程之WXML
2016/10/18 Javascript
Vue.js开发环境快速搭建教程
2017/03/17 Javascript
JS实现页面内跳转的简单代码
2017/09/03 Javascript
使用原生js封装的ajax实例(兼容jsonp)
2017/10/12 Javascript
记一次用vue做的活动页的方法步骤
2019/04/11 Javascript
详解vue中$nextTick和$forceUpdate的用法
2019/12/11 Javascript
用Python解析XML的几种常见方法的介绍
2015/04/09 Python
Python编程之多态用法实例详解
2015/05/19 Python
Python探索之URL Dispatcher实例详解
2017/10/28 Python
深入理解Python中range和xrange的区别
2017/11/26 Python
对python数据切割归并算法的实例讲解
2018/12/12 Python
python后端接收前端回传的文件方法
2019/01/02 Python
Python实现密码薄文件读写操作
2019/12/16 Python
keras 特征图可视化实例(中间层)
2020/01/24 Python
使用keras实现孪生网络中的权值共享教程
2020/06/11 Python
python实现测试工具(二)——简单的ui测试工具
2020/10/19 Python
Python中Qslider控件实操详解
2021/02/20 Python
canvas之自定义头像功能实现代码示例
2017/09/29 HTML / CSS
意大利时尚奢侈品店:D’Aniello Boutique
2021/01/19 全球购物
nohup的用法
2012/11/26 面试题
环保标语口号
2014/06/13 职场文书
党员剖析材料范文
2014/09/30 职场文书
酒店工程部主管岗位职责
2015/04/16 职场文书
长江七号观后感
2015/06/11 职场文书
2016年清明节网上祭英烈活动总结
2016/04/01 职场文书
Go 在 MongoDB 中常用查询与修改的操作
2021/05/07 Golang
JDBC连接的六步实例代码(与mysql连接)
2021/05/12 MySQL