关于HTML5的download属性

2014-01-07阅读(11443)评论(9)牵着狗狗看MM

W3Cways.com 微信公众号

我们被卷入了HTML5给我们带来的javascript革新。HTML5给了我们很多“酷炫”的东西,比如webSockets、Web Workers、History、Storage还有一个些小的Element classList集合的东东。但是,也有一些小而精的特性在HTML5里面。download属性就是其中之一,download属性为下载的文件取一个合适的名字,而不是使用原生的服务器文件名。
HTML

<!-- 将会下载 "test.txt"文件 -->
<a href="http://www.w3cways.com/demo/1/some-realy-crazy-file-name-389247823879472398.txt" download="test">点击下载</a>

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

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

目前貌似只有chrome(21.0.1180.83)支持,IE10未测……

demo演示地址:http://www.w3cways.com/example?pid=1121

转载请注明来源:Web前端(W3Cways.com) - Web前端学习之路 » 关于HTML5的download属性
分享到: 更多 (0)

评论 9

评论前必须登录!

 

  1. #0

    chrome 实测,发现并没有起作用、

    凉夏风歌11年前 (2016-01-14)
    • 我这测试有作用的,没起作用的原因,可能是因为我之前更换过网站域名,下载链接地址变了,我已更新,请再测一次

      • 但为什么我自己写的却没用呢?

        凉夏风歌11年前 (2016-01-25)
        • 那就不知道了额,升级Chrome到最新版试下呢

          • 并不是这个原因。在有的网站里用download属性必须右键选择“链接另存为”才会自动重命名。

            凉夏风歌11年前 (2016-02-26)
          • 跟服务器有关吧。在某个网站上,sample.com/XXX 有这个文件,用了download属性,没有自动重命名;对于错误的链接sample.com/XXX (服务器上并没有这个文件),点击之后它自动命名了,虽然下的是个错误提示的文本。

            凉夏风歌11年前 (2016-04-07)
          • 应该是有可能的,服务器配置相关问题就不在这讨论了

            牵着狗狗看MM11年前 (2016-04-08)
          • 还不讨论……这个很重要好不好,可以直接导致你的download属性没卵用。

            凉夏风歌11年前 (2016-04-08)
          • 抱歉,不能帮你解决问题,我这边测了几台电脑,都正常

            牵着狗狗看MM11年前 (2016-04-08)