详解HTML5中download属性的应用
2015-08-06 16:49
513 查看
在传统的html中,某个文件的下载,是这样的:
而在HTML 5浏览器中,可以支持download属性了,如下:
download属性的好处在于,在用户下载文件的时候,显示在用户浏览器
中的“另存”为的文件显示框中,显示的是这个downloader属性中显示的
东西了,比较友好
HTML5里,download属性为下载的文件取一个合适的名字,而不是使用原生的服务器文件名。
然后当用户点击这个链接,这个download属性值就出现在下载对话框中,代替原来凌乱的文件名。在这个例子中,文件将被下载为test.txt。download属性同时开启了一个强制下载。
这个属性在存在文件交互的地方非常有用,在服务器端的文件名需要是及其独特的(上例中的文件名就很独特不是吗?),但是一堆乱码对用户来说没有任何作用,download属性定义文件名对用户更有意义。download属性只是增强性的,它不是非常酷,但是它很实用,而且非常易于添加。
<a href="=/files/abc1234564545.pdf">report</a>
而在HTML 5浏览器中,可以支持download属性了,如下:
<a href="=/files/abc1234564545.pdf" download="abc">report</a>
download属性的好处在于,在用户下载文件的时候,显示在用户浏览器
中的“另存”为的文件显示框中,显示的是这个downloader属性中显示的
东西了,比较友好
HTML5里,download属性为下载的文件取一个合适的名字,而不是使用原生的服务器文件名。
<!-- 将会下载 "test.txt"文件 --> <a href="http://www.zjgsq.com/demo/1/some-realy-crazy-file-name-389247823879472398.txt" download="test">点击下载</a>
然后当用户点击这个链接,这个download属性值就出现在下载对话框中,代替原来凌乱的文件名。在这个例子中,文件将被下载为test.txt。download属性同时开启了一个强制下载。
这个属性在存在文件交互的地方非常有用,在服务器端的文件名需要是及其独特的(上例中的文件名就很独特不是吗?),但是一堆乱码对用户来说没有任何作用,download属性定义文件名对用户更有意义。download属性只是增强性的,它不是非常酷,但是它很实用,而且非常易于添加。
相关文章推荐
- html5拖(drag)放(drop)功能
- 基于html5页面滚动背景图片动画效果
- HTML5应用localStorage保存数据
- HTML5音频Audio
- HTML5 FileReader
- H5表单类型
- H5 localStorage
- HTML5的画布:Paths
- HTML5画布: clearRect()
- HTML5的画布:Stroke(笔触)和Fill(填充)
- HTML5画布概述
- html5 file调用一般处理程序上传图片
- 【HTML5+MVC4】xhEditor网页编辑器图片上传
- HTML5 Web 存储功能
- HTML5的fieldset标签
- HTML5实践 -- 三步实现响应式设计
- HTML5吧!少年
- HTMl5 Document.querySelectorAll
- 【Spark学习】Spark 1.1.0 with CDH5.2 安装部署
- HTML5桌面通知:notification api