您的位置:首页 > Web前端 > HTML5

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)。

如果你知道的更多,可以给我留言,大家一起学习一起纠正,不胜感激。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: