前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >H5 下载文件到本地

H5 下载文件到本地

作者头像
White feathe
发布2021-12-08 14:20:08
3.1K0
发布2021-12-08 14:20:08
举报
文章被收录于专栏:White feathe 的博客

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


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

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2016/03/30 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • H5 下载文件到本地
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档