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+DIV实现漂亮的动画彩色标签
Jun 16 HTML / CSS
CSS3实现的闪烁跳跃进度条示例(附源码)
Aug 19 HTML / CSS
基于css3的属性transition制作菜单导航效果
Sep 01 HTML / CSS
CSS3 实现倒计时效果
Nov 25 HTML / CSS
在HTML5 canvas里用卷积核进行图像处理的方法
May 02 HTML / CSS
html5指南-2.如何操作document metadata
Jan 07 HTML / CSS
html5定位并在百度地图上显示的示例
Apr 27 HTML / CSS
HTML页面中添加Canvas标签示例
Jan 01 HTML / CSS
HTML5 Canvas基本线条绘制的实例教程
Mar 17 HTML / CSS
HTML5 客户端数据库简易使用:IndexedDB
Dec 19 HTML / CSS
html5 制作地图当前定位箭头的方法示例
Jan 10 HTML / CSS
CSS3 制作的悬停缩放特效
Apr 13 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生成百度sitemap站点地图类函数实例
2014/10/17 PHP
推荐几个开源的微信开发项目
2014/12/28 PHP
Symfony2学习笔记之插件格式分析
2016/03/17 PHP
基于Laravel(5.4版本)的基本增删改查操作方法
2019/10/11 PHP
捕获浏览器关闭、刷新事件不同情况下的处理方法
2013/06/02 Javascript
简介alert()与console.log()的不同
2015/08/26 Javascript
星期几的不同脚本写法(推荐)
2016/06/01 Javascript
Javascript实现找不同色块的游戏
2017/07/17 Javascript
Vue.js 2.5新特性介绍(推荐)
2017/10/24 Javascript
webpack下实现动态引入文件方法
2018/02/22 Javascript
微信小程序Echarts图表组件使用方法详解
2019/06/25 Javascript
浅谈vue项目用到的mock数据接口的两种方式
2019/10/09 Javascript
在vue中利用v-html按分号将文本换行的例子
2019/11/14 Javascript
webpack 如何同时输出压缩和未压缩的文件的实现步骤
2020/06/05 Javascript
KMP算法精解及其Python版的代码示例
2016/06/01 Python
python实现感知器
2017/12/19 Python
Java实现的执行python脚本工具类示例【使用jython.jar】
2018/03/29 Python
python基于物品协同过滤算法实现代码
2018/05/31 Python
Python实现的微信好友数据分析功能示例
2018/06/21 Python
Python文本处理简单易懂方法解析
2019/12/19 Python
怎么快速自学python
2020/06/22 Python
Python编写万花尺图案实例
2021/01/03 Python
Stuart Weitzman美国官网:美国奢华鞋履品牌
2016/08/18 全球购物
elf彩妆英国官网:e.l.f. Cosmetics英国(美国平价彩妆品牌)
2017/11/02 全球购物
澳大利亚男士西服品牌:M.J.Bale
2018/02/06 全球购物
DJI美国:消费类无人机领域的领导者
2018/04/27 全球购物
村委会主任先进事迹
2014/01/15 职场文书
大型车展策划方案
2014/02/01 职场文书
亮剑精神演讲稿
2014/05/23 职场文书
教师群众路线剖析材料
2014/09/29 职场文书
皇城相府导游词
2015/02/06 职场文书
单位推荐信范文
2015/03/27 职场文书
法律意见书范本
2015/06/04 职场文书
Nginx图片服务器配置之后图片访问404的问题解决
2022/03/21 Servers
Python下载商品数据并连接数据库且保存数据
2022/03/31 Python