您现在的位置是：网站首页> 编程资料编程资料
关于html的下载功能详解HTML5全屏响应式缩放切换幻灯片代码html5 canvas实现的“我们要发财了”游戏源码Html制作简单而漂亮的登录页面html5实现的仿网页版微信聊天界面效果源码剖析标注HTML元素时class比id所具有的优势详解HTML5中rel属性的prefetch预加载功能使用HTML表格布局实例讲解html5 canvas实现的3D飞行飞行动画特效源码表格单元格内容超出时显示省略号效果(实现代码)
2023-10-09
320人已围观
简介 下面小编就为大家带来一篇关于html的下载功能详解。小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
新项目基本告一段落，第一次完成前后端分离的集成，遇到的坑自然不少。
来说说第一天遇到的其中一个坑吧。
——关于下载的问题。。。
以前的做法，大家都喜爱用标签吧。而我一开始也是用a标签，href属性放在图片的地址来模拟下载的功能。结果发现，这个鬼东西，你点击他，直接是打开一张新图片，并不是下载的意思。
然后，我看了一篇文章，又打开了本宝宝的新世界大门。
download属性
标签必须有href的属性。浏览器将自动检测正确的文件扩展名并添加到文件 (.img, .pdf, .txt, .html, 等等)。
举个例子举个例子：
其实你也可以自定义下载的文件名的
但其实这种方法也是有很大的局限性的。
其一就是其兼容性，根据W3C提供的数据。
这样下来看来这个属性暂时的实用性其实一般般。
还有一个坑是我还没有踩到的，就是跨域问题，等我踩了再去更新下。。
总结一句话，这个download是个好东西，但是看起来支持性并不好，不知道他未来的发展会怎么样呢，毕竟现在也还是一个a标签的新属性，再等等看吧，现在至少知道有这么个东西就差不多了。
以上这篇关于html的下载功能详解就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持。
原文地址：http://www.cnblogs.com/w-age666/archive/2016/05/04/5458342.html
相关内容
- Table显示你要显示的边框代码Dreamweaver中怎么让html网页中的table边框细线显示?CSS样式简单实现Table没有外边框只有内边框一个属性border-collapse解决Table的边框问题CSS控制Table内外边框、颜色、大小示例css让table不显示边框的代码在火狐和谷歌浏览器中无效HTML table表格边框的控制详细说明用CSS设置表格Table的细边框的比较好用的方法 用CSS样式描述表格Table边框网页表格边框的设置方法网页表格表框制作技巧
- HTML与XHTML、以及HTML4与HTML5标签之间的区别简介浅谈HTML5 FileReader分布读取文件以及其方法简介HTML5的一个显示电池状态的API简介HTML5是什么 HTML5是什么意思 HTML5简介HTML5安全介绍之内容安全策略（CSP）简介HTML5的标签的代码的简单介绍 HTML5标签的简介html5新增的定时器requestAnimationFrame实现进度条功能HTML5新增加的功能详解iPhone5和iOS6上HTML5开发的新增功能html5简介及新增功能介绍
- 天天酷跑无限超级奖励模式刷分刷金币教程 天天酷跑攻略_手机游戏_游戏攻略_
- 天天酷跑利用宠物刷高分上排行榜第一名方法 如何上排行榜_手机游戏_游戏攻略_
- 天天酷跑更新版刷分教程 天天酷跑攻略_手机游戏_游戏攻略_
- 天天酷跑更新失败的快速解决方法 天天酷跑更新失败如何解决_手机游戏_游戏攻略_
- 天天飞车上线时间公布 天天飞车什么时候出_手机游戏_游戏攻略_
- 天天飞车即将登陆微信 只为全民欢乐不为捞钱_手机游戏_游戏攻略_
- 天天飞车烧饼刷分图文教程 天天飞车刷分攻略_手机游戏_游戏攻略_
- nba 2k14 提高内线扣篮操作心得经验分享_手机游戏_游戏攻略_
