您现在的位置是：网站首页> 编程资料编程资料
关于html的下载功能详解HTML5全屏响应式缩放切换幻灯片代码html5 canvas实现的“我们要发财了”游戏源码Html制作简单而漂亮的登录页面html5实现的仿网页版微信聊天界面效果源码剖析标注HTML元素时class比id所具有的优势详解HTML5中rel属性的prefetch预加载功能使用HTML表格布局实例讲解html5 canvas实现的3D飞行飞行动画特效源码表格单元格内容超出时显示省略号效果(实现代码)
2021-08-30
1225人已围观
简介 下面小编就为大家带来一篇关于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简介及新增功能介绍
- 详解HTML的style标签以及相关的CSS引用HTML与XHTML、以及HTML4与HTML5标签之间的区别简介HTML5安全攻防之新标签攻击详解简单介绍HTML5中audio标签的使用详解HTML5中ol标签的用法详解HTML的<input> 标签及其禁用方法HTML中Li标签的使用示例HTML5 video标签（播放器）学习笔记（二）:播放控制HTML页面中添加Canvas标签示例常用HTML meta 标签属性(网站兼容与优化需要)HTML常用标签大全及html标签的特点
- 修改输入框placeholder文字默认颜色-webkit-input-placeholder方法HTML中文件上传时使用的<input type="file">元素的样式自定义浅谈html中input只读属性readonly和disable的区别点击按钮文字变成input框,点击保存变成文字的实现代码jQuery input文本框点击出现下拉选择框特效源码CSS3表单input输入框聚焦动画特效源码 24种关于input的file 控件及美化
- 前端开发每天必学之HTML入门介绍 html/css基础篇——html代码编写过程中的几个警惕点(必看)html、css基础注意点(前端必看篇)HTML CSS样式基础(必看篇)HTML基础总结推荐(段落)HTML基础知识——css样式表,样式属性,格式与布局详解HTML基础知识——设置超链接的样式简单实例HTML基础必看——全面了解css样式表HTML基础必看---表单,图片热点,网页划区和拼接详解HTML基础重点_一般标签、常用标签和表格浅谈HTML（css基础样式）
- 浅析响应式框架中，table表头自动换行的快速解决方法纯html+css实现Element loading效果纯html+css实现奥运五环的示例代码HTML+CSS实现导航条下拉菜单的示例代码html+css实现滚动到元素位置显示加载动画效果纯html+css实现打字效果html+css实现环绕倒影加载特效html输入两个数实现加减乘除功能html中显示特殊符号(附带特殊字符对应表)关于html选择框创建占位符的问题html css3不拉伸图片显示效果
- 基于meta实现页面的定时刷新或跳转 使用CSS中的meta实现web定时刷新或跳转的方法
- 有关HTML表格边框的设置小技巧html中table表格的内容水平和垂直居中显示HTML用正则表达式检验表格的实例代码HTML5制作表格样式浅谈Html网页表格结构化标记的应用在线CSV转HTML表格工具HTML表格布局实际使用详解html 表格比较宽溢出的解决方法html+css给单独某一表格定义样式示例HTML表格_动力节点Java学院整理
- HTML语法大全_html语言语法大全(必看)HTML学习笔记--HTML的语法详解(必看)简单整理HTML5的基本特性和语法详解HTML&CSS&JavaScript语法辞典-(专业版) (半场方人) PDF扫描版 93.1Html5 语法与规则简要概述HTML5的语法变化介绍HTML5 新旧语法标记对我们有什么好处
- 浅析html input 等值改变添加监听事件HTML5移动端开发中的Viewport标签及相关CSS用法解析整理HTML5移动端开发的常用触摸事件使用语义化标签去写你的HTML 兼容IE6,7,8html5 canvas实现的酷炫页面预加载动画图标效果源码html5基于canvas实现的中国地图各省坐标指向北京效果源码html5 canvas实现掉落的雨点动画效果源码HTML5+CSS3图片堆叠转瀑布流布局特效源码深入理解html表单输入监听
