详解HTML5中download属性的应用

178 阅读 0 评论 118 点赞

我是靠谱客的博主合适自行车，最近开发中收集的这篇文章主要介绍详解HTML5中download属性的应用，觉得挺不错的，现在分享给大家，希望可以做个参考。

在传统的html中，某个文件的下载，是这样的：

XML/HTML Code复制内容到剪贴板

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

XML/HTML Code复制内容到剪贴板

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

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

XML/HTML Code复制内容到剪贴板

<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中download属性的应用的全部内容，希望文章能够帮你解决详解HTML5中download属性的应用所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。