利用HTML中A标签实现“点击下载文件”功能方法

今天群里一位朋友想做一个“点击下载mp3"的功能,然后,群里人都叫她先百度,她应该是在百度上查看了大量的文章,看的全是一些利用javascript实现下载的代码,我个人觉得这样做太复杂了,真的没有必要,一个简单的事情没必要搞得这样的复杂。

 

只需要一行代码即可实现A标签“点击下载文件(txt\png\jpg\exe\apk......)”功能!

<a href="http://127.0.0.1/001.mp3" download="001.mp3">点击下载</a>

这样当用户打开浏览器点击链接的时候就会直接下载文件。

 

注意:

1、这里download属性也可以不写任何信息,如果后面为空,则会自动使用默认文件名。

2、用此代码一定要有本地环境或线上环境才有效,如果你直接以文件:file:///C:/Users/fujie/Desktop/6.html 这种方式访问,是不可能有“点击下载”效果的。

 

关于:Html中的a标签“点击下载文件”无效,而是直接打开链接的 解决办法

在绝大多数情况下,都是可以正常下载的,而且a标签的download 属性支持浏览器:Chrome、Edge、Firefox、Opera,其它什么的IE浏览器、QQ浏览器、360浏览器、百度浏览器......等等就更支持了,因为五大浏览器四大内核的原因。

 

之所以,你“点击下载”不生效,是因为你的a标签href内的链接是外部的,不是本站内的。因为有一些浏览器,如果你下载的URl是是外部的,浏览器会认为这是一个不受信任的链接,因此也就不能直接下载,它就直接打开这个链接了;像谷歌浏览器、火狐浏览器就是这样的,很严格的。

    A+
发布日期:2018年10月19日 20:22:51  所属分类:HTML
最后更新时间:2018-10-19 20:25:08
评分: (2 票;平均数5.00 ;最高评分 5 ;用户总数2;总得分 10;百分比100.00)
付杰
花牛苹果 甘肃天水 李宏恩家自种 1斤 包邮
花牛苹果 甘肃天水 李宏恩家自种 1斤 包邮
  • ¥ 6.8元
  • 市场价:8.8元
wordpress站群服务 泛解析二级域名 二级目录
wordpress站群服务 泛解析二级域名 二级目录
  • ¥ 1999.9元
  • 市场价:8999元
免费SSL证书 HTTPS申请 安装 配置 支持通配符*
免费SSL证书 HTTPS申请 安装 配置 支持通配符*
  • ¥ 1999.9元
  • 市场价:20000元
wp dz 帝国 dede phpcms等快速建站服务
wp dz 帝国 dede phpcms等快速建站服务
  • ¥ 999元
  • 市场价:4999元

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: