H5 下载文件到本地

2021-12-08 14:20:08 浏览数 (1)

H5 下载文件到本地

其实,目前下载文件到本地有很多中方法,      不管是 JavaScript 或者 JQuery 也好,都有各色各样的方法,都可以做的到,在这里我介绍下我发现的一个比较简单的方法:

HTML5 a 标签的新的属性       a 标签作为超链接标签,虽然在HTML5中没有添加新的语义,但是却新增了一个目前还很少有人知道和应用的download属性。通过 a 标签设置download属性,可以让浏览器生成下载窗口下载文件,而不是直接跳到url链接上去。如下:

代码语言:javascript复制
<a href="img/photo.jpg" download="img">下载图片</a>

参数介绍:       download 参数默认为要下载的链接图片       上文 download=”img”,表示下载的文件名为img

     其中href后面是需要下载的文件的url(如果是链接到页面则会下载此页面)downlond的参数(上面代码中的img)是指定下载文件名,它不一定是原文件名(上面代码中的photo)。


    如果你知道的更多,可以给我留言,大家一起学习一起纠正,不胜感激。

0 人点赞