H5 下载文件到本地
2016-03-30 11:17
323 查看
H5 下载文件到本地
其实,目前下载文件到本地有很多中方法,不管是 JavaScript 或者 JQuery 也好,都有各色各样的方法,都可以做的到,在这里我介绍下我发现的一个比较简单的方法:
HTML5 a 标签的新的属性
a 标签作为超链接标签,虽然在HTML5中没有添加新的语义,但是却新增了一个目前还很少有人知道和应用的download属性。通过 a 标签设置download属性,可以让浏览器生成下载窗口下载文件,而不是直接跳到url链接上去。如下:
<a href="img/photo.jpg" download="img">下载图片</a>
参数介绍:
download 参数默认为要下载的链接图片
上文 download=”img”,表示下载的文件名为img
其中href后面是需要下载的文件的url(如果是链接到页面则会下载此页面)downlond的参数(上面代码中的img)是指定下载文件名,它不一定是原文件名(上面代码中的photo)。
如果你知道的更多,可以给我留言,大家一起学习一起纠正,不胜感激。
相关文章推荐
- 10个基本的HTML5动画工具设计
- 玩转Html5<canvas>画布
- HTML5新标签
- html5-表单
- html5-表单
- HTML5网页编排规范
- 开源免费,捷微H5活动平台(微砍价、九宫格、斧头帮、摇一摇送卡券) h5huodong.com
- HTML5 Canvas实现360度全景图
- android与html5的交互——数据库操作,UI操作,以及html5的localStorage、定位功能
- html5--canvas学习笔记
- CKplayer
- 一个有趣的html5播放器
- Html5之高级-6 HTML5 Canvas绘图(Canvas概述、Canvas绘图、处理 Canvas 中的图像)
- 一个有趣的html5手机锁
- 多种方法实现H5网页图片动画效果;
- HTML5表单属性(四)
- Html5之高级-5 HTML5音频处理(在H5中播放音频、编程实现音频播放器)
- html5 svg
- Html5之高级-4 HTML5视频处理(H5中播放视频、编程实现视频播放器)
- Html5之高级-3 HTML5表单验证(验证属性、验证状态)