[HTML教程] html如何实现点击下载文件功能

[复制链接]
查看1631 | 回复10 | 2020-10-16 11:57:12 | 显示全部楼层 |阅读模式

使用a标签完成点击下载文件功能

<a href="/user/test/xxxx.txt" download="文件名.txt">点击下载</a>

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

(推荐教程:html教程)

但是有个情况,比如txt、png、jpg等这些浏览器支持直接打开的文件是不会执行下载任务的,而是会直接打开文件,这个时候就需要给a标签添加一个属性“download”。

举例:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<a href="http://171.188.96.**:****/d/c833945c11/files/?p=/plugins.maintain.CheckLinePartTask/cebab687-6dc5-4128-b7d9-8bc2fe369598.png&raw=1"
download="test.png">点击下载</a>
</body>
</html>

其中down后面的属性是下载后文件的文件名字。

以上就是html如何实现点击下载文件功能的详细内容,更多请关注爱上源码网其它相关文章!

  • 微信
  • 分享
  • 相关标签:html 文件
  • 本文转载于:csdn,如有侵犯,请联系916990011@qq.com删除
    • 上一篇:HTML元素语法介绍
    • 下一篇:html实现实时效果查看功能

    相关文章

    相关视频

    • <a>链接点击下载的问题
    • HTML页面点击下载文件的方法实例
    • HTML页面点击下载文件的两种实现方法
    • HTML实现页面点击下载文件的两种实现方法
    • html如何实现点击下载文件功能
    • HTML的头部应用
    • HTML和CSS结合的几种方式
    • HTML开篇
    本文有爱上源码下载完入驻作者发布,如果对您版权造成侵害,可以联系本站站长管理进行维权删除,本站收到维权24小时内进行处理,谢谢您关注23ym.cn! 本站分享大量程序员技术文章以及对编程开发的初级入门教程,包括图文讲解笔记和高清视频下载~
    回复

    使用道具 举报

    关儿1 | 2021-12-8 20:54:41 | 显示全部楼层
    很不错的资源站
    回复

    使用道具 举报

    喝意调伴除 | 2022-2-4 03:34:27 | 显示全部楼层
    找了很多地方都不能下载,终于在悟空源码找到了
    回复

    使用道具 举报

    若宸2017 | 2022-4-14 21:22:21 | 显示全部楼层
    厉害了悟空源码,这么多资源
    回复

    使用道具 举报

    随缘6872 | 2022-4-28 02:24:33 | 显示全部楼层
    找了好多地方,终于找到了
    回复

    使用道具 举报

    Deville | 2022-5-18 09:29:31 | 显示全部楼层
    我是来白嫖悟空源码的资源的!
    回复

    使用道具 举报

    网路游民甲厝 | 2022-6-3 06:59:10 | 显示全部楼层
    很不错的资源站
    回复

    使用道具 举报

    见贤思齐380 | 2022-12-30 01:29:41 | 显示全部楼层
    这个资源都有真不错
    回复

    使用道具 举报

    岳兄弟散养家鸡 | 2023-5-28 06:22:55 | 显示全部楼层
    有情怀的站啊,爱了
    回复

    使用道具 举报

    湘军 | 2023-11-3 11:31:50 | 显示全部楼层
    我是来白嫖悟空源码的积分的!!!!!
    回复

    使用道具 举报

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则