利用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日  所属分类:HTML
最后修改时间:2018-10-19 20:08
评分: (1 票;平均数5.00 ;最高评分 5 ;用户总数1;总得分 5;百分比100.00)
付杰
永久免费SSL证书服务 HTTPS申请 安装 配置 支持通配符*
永久免费SSL证书服务 HTTPS申请 安装 配置 支持通配符*
  • ¥ 199.9元
  • 市场价:20000元
花牛苹果 甘肃天水 李宏恩家自种 1斤 包邮
花牛苹果 甘肃天水 李宏恩家自种 1斤 包邮
  • ¥ 6.8元
  • 市场价:8.8元
服务器管理面板/主机控制面板“安装”服务
服务器管理面板/主机控制面板“安装”服务
  • ¥ 9.9元
  • 市场价:49.9元
PHP运行环境 Wamp Lamp Lnmp 安装、配置、搭建服务
PHP运行环境 Wamp Lamp Lnmp 安装、配置、搭建服务
  • ¥ 9.9元
  • 市场价:49.9元

发表评论

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