手机
当前位置:查字典教程网 >手机 >微信教程 >详解HTML5中download属性的应用
详解HTML5中download属性的应用
摘要:在传统的html中,某个文件的下载,是这样的:XML/HTMLCode复制内容到剪贴板ahref==/files/abc1234564545...

在传统的html中,某个文件的下载,是这样的:

XML/HTML Code复制内容到剪贴板 a href==/files/abc1234564545.pdfreport

而在HTML 5浏览器中,可以支持download属性了,如下:

XML/HTML Code复制内容到剪贴板 a href==/files/abc1234564545.pdf download=abcreport

download属性的好处在于,在用户下载文件的时候,显示在用户浏览器
中的另存为的文件显示框中,显示的是这个downloader属性中显示的
东西了,比较友好

HTML5里,download属性为下载的文件取一个合适的名字,而不是使用原生的服务器文件名。

XML/HTML Code复制内容到剪贴板 !-- 将会下载 test.txt文件 -- a href=/demo/1/some-realy-crazy-file-name-389247823879472398.txt download=test点击下载

然后当用户点击这个链接,这个download属性值就出现在下载对话框中,代替原来凌乱的文件名。在这个例子中,文件将被下载为test.txt。download属性同时开启了一个强制下载。

这个属性在存在文件交互的地方非常有用,在服务器端的文件名需要是及其独特的(上例中的文件名就很独特不是吗?),但是一堆乱码对用户来说没有任何作用,download属性定义文件名对用户更有意义。download属性只是增强性的,它不是非常酷,但是它很实用,而且非常易于添加。

【详解HTML5中download属性的应用】相关文章:

奥林巴斯EPL5光学变焦是多少倍

详解HTML5中download属性的应用

尼康J2支持720p拍摄吗

尼康D3300有闪光灯吗?

CSS三角箭头应用实践

详解HTML5中div和section以及article的区别

尼康AW1有什么曝光模式?

举例详解HTML5中使用JSON格式提交表单

尼康D5200有多重曝光吗

CSS3中Animation属性的使用详解

精品推荐
分类导航