首页前端开发JavaScripthtml如何实现点击下载文件功能

html如何实现点击下载文件功能

时间2024-01-29 09:26:03发布访客分类JavaScript浏览906
导读:收集整理的这篇文章主要介绍了html如何实现点击下载文件功能,觉得挺不错的,现在分享给大家,也给大家做个参考。使用a标签完成点击下载文件功能<a href="/user/test/xxxx.txt" download="文件名.txt...
收集整理的这篇文章主要介绍了html如何实现点击下载文件功能,觉得挺不错的,现在分享给大家,也给大家做个参考。

使用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如何实现点击下载文件功能的详细内容,更多请关注其它相关文章!

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!

html

若转载请注明出处: html如何实现点击下载文件功能
本文地址: https://pptw.com/jishu/590898.html
哪个标签是定义标题的 html元素的显示优先级是什么

游客 回复需填写必要信息