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 相关文章推荐
HTML5如何适配 iPhone IOS 底部黑条
Mar 09 HTML / CSS
一款纯css3实现的tab选项卡的实列教程
Dec 11 HTML / CSS
css3实现3D色子翻转特效
Dec 23 HTML / CSS
使用纯 CSS 创作一个脉动 loader效果的源码
Sep 28 HTML / CSS
CSS3自定义滚动条样式 ::webkit-scrollbar的示例代码详解
Jun 01 HTML / CSS
HTML5移动开发图片压缩上传功能
Nov 09 HTML / CSS
html5 浏览器支持 如何让所有的浏览器都支持HTML5标签样式
Dec 07 HTML / CSS
HTML5使用drawImage()方法绘制图像
Jun 23 HTML / CSS
canvas实现高阶贝塞尔曲线(N阶贝塞尔曲线生成器)
Jan 10 HTML / CSS
深入浅析HTML5中的article和section的区别
May 15 HTML / CSS
原生 JS+CSS+HTML 实现时序图的方法
Jul 31 HTML / CSS
html用代码制作虚线框怎么做? dw制作虚线圆圈的技巧
Dec 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
使用sockets:从新闻组中获取文章(三)
2006/10/09 PHP
超级简单的发送邮件程序
2006/10/09 PHP
删除数组元素实用的PHP数组函数
2008/08/18 PHP
深入Nginx + PHP 缓存详解
2013/07/11 PHP
使用php-timeit估计php函数的执行时间
2015/09/06 PHP
php多线程并发实现方法
2016/09/30 PHP
解决PhpStorm64不能启动的问题
2020/06/20 PHP
javascript DOM编程实例(智播客学习)
2009/11/23 Javascript
用Jquery实现多级下拉框无刷新的联动
2010/12/22 Javascript
将中国标准时间转换成标准格式的代码
2014/03/20 Javascript
nodejs实现黑名单中间件设计
2014/06/17 NodeJs
js实现ArrayList功能附实例代码
2014/10/29 Javascript
js实现字符串和数组之间相互转换操作
2016/01/12 Javascript
Jquery实现select multiple左右添加和删除功能的简单实例
2016/05/26 Javascript
详解利用 Vue.js 实现前后端分离的RBAC角色权限管理
2017/09/15 Javascript
JavaScript实现的DOM绘制柱状图效果示例
2018/08/08 Javascript
Vue 组件参数校验与非props特性的方法
2019/02/12 Javascript
详解50行代码,Node爬虫练手项目
2019/04/22 Javascript
ES6 Object方法扩展的应用实例分析
2019/06/25 Javascript
js canvas实现5张图片合成一张图片
2019/07/15 Javascript
vue从一个页面跳转到另一个页面并携带参数的解决方法
2019/08/12 Javascript
详解vue中$nextTick和$forceUpdate的用法
2019/12/11 Javascript
Python的Django框架中模板碎片缓存简介
2015/07/24 Python
PyQt5每天必学之工具提示功能
2018/04/19 Python
Python实现绘制双柱状图并显示数值功能示例
2018/06/23 Python
Python socket连接中的粘包、精确传输问题实例分析
2020/03/24 Python
瑞典轮胎在线:Tirendo.se
2018/06/21 全球购物
Carolina工作鞋官网:Carolina Footwear
2019/03/14 全球购物
巴西本土电商平台:Americanas
2020/06/21 全球购物
WebSphere 应用服务器都支持哪些认证
2013/12/26 面试题
2015年药店工作总结
2015/04/20 职场文书
小学开学典礼新闻稿
2015/07/17 职场文书
禁毒主题班会教案
2015/08/14 职场文书
低端且暴利的线上线下创业项目分享
2019/09/03 职场文书
django学习之ajax post传参的2种格式实例
2021/05/14 Python
SQL SERVER触发器详解
2022/02/24 SQL Server