a标签不会下载txt文件的问题

最新推荐文章于 2025-11-28 11:41:20 发布
原创 最新推荐文章于 2025-11-28 11:41:20 发布 · 4.5k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍如何使用HTML的A标签正确下载TXT文件而非直接在浏览器中打开。通过增加download属性可以确保文件被下载而不是预览。

      今天在做文件下载示例的时候，使用a标签下载一个txt文件的时候，浏览器始终都是直接打开这个文件，而不是将它下载到本地，但是下载xls，doc格式的文件时，却是直接下载的，原代码如下

 

<a  target='_blank' href="/demo/文件下载测试.txt">文件下载测试</a>

     后经百度之后，发现，使用a标签去下载文件的时候，要是文件格式是浏览器支持打开的格式，例如：txt，jpg...，浏览器便不会去下载，而是直接打开这个文件，需要将html代码改成如下格式便可下载。

  

<a  target='_blank' href="/demo/downLoadTest.txt" download="">文件下载测试</a>

download的值表示下载下来的文件名，如果不填，就会使用默认的文件名。

a标签创建下载链接
weixin_43073401的博客
06-05 1万+
(1) HTML a 标签的 download 属性 - w3school 在线教程. https://www.w3school.com.cn/tags/att_a_download.asp.(3) HTML a标签链接 设置点击下载文件 - 优快云博客. https://blog.youkuaiyun.com/Gabriel_wei/article/details/105613874.
前端 a链接 如何实现下载功能
每天都要努力学习哦~~
11-10 8643
在中后台项目中，前端难免需要处理下载的逻辑，需要下载的内容包括但不限于图片、Excel表格、CSV文件、MP4文件、PDF文件、TXT文件、JSON文件、HTML文件等等。虽然下载的内容各式各样，但是下载的原理大同小异。下面来一起学习一下前端是如何处理下载的。URL.createObjectURL(blob) 可以直接访问，无需“编码/解码”，但需要记得撤销（revoke）；而 Data URL 无需撤销（revoke）任何操作，但对大的 Blob 进行编码时，性能和内存会有损耗。
a标签下载关于图片.txt
01-28
a标签下载关于图片.txt
HTML a标签链接 设置点击下载文件
最新发布
AD7E280B00C0的博客
11-28 557
但是有个情况，比如 txt, png, jpg等这些浏览器支持直接打开的文件是不会执行下载任务的，而是会直接打开文件，这个时候就需要给a标签添加一个属性“download”；通常情况下，为文件添加链接后，用户可以通过点击链接，直接将文件下载到本地，如下载 excel 表格等。这里 download 也可以不写任何信息，会自动使用默认文件名。
a标签无法下载.txt.png.jpg.pdf等文件解决方案
11-02 3275
对于直接打开文件的情况，这里附上我自己的解决办法，可以实现让浏览器不打开文件，直接下载。
关于使用a标签下载txt的问题解决
PrisonersDilemma的博客
03-26 879
function download(text, title) { let a = document.createElement('a') a.href = 'data:text/plain;charset=utf-8,' + encodeURIComponent(text) a.download = title a.cli...
javascript实现生成并下载txt文件
01-10
总的来说，JavaScript生成并下载TXT文件是通过Blob、URL.createObjectURL、`<a>`标签的`download`属性以及特定浏览器的API（如IE的`msSaveBlob`）来实现的。这个过程涉及到了浏览器的跨域策略、内存管理以及对不同...
python xml标签文件转txt文件（yolov3）
12-20
前段时间用到了yolov3训练自己的数据集，发现里面的voc_label.py xml标签文件转成txt文件，稍微有点不太方便。所以在它的基础上自己稍微改了下，以便日后使用。下面是代码： import xml.etree.ElementTree as ET ...
safari下载文件自动加了html后缀问题
10-17
Safari下载文件时自动添加HTML后缀的问题涉及到网络浏览器对下载文件类型的判断和处理机制。这一现象在Safari中较为常见，尤其是在服务器端未能正确配置HTTP响应头的情况下。当下载的文件为二进制文件而非纯文本文件...
BeautifulSoup 获取 a标签里的文本内容
12-21
这样，我们就成功地从"word.txt"文件中的所有`<a>`标签提取了文本内容，并将其保存到了"five_star.txt"文件。这种方法对于抓取网页上的链接文本信息非常有用，特别是在进行网络爬虫或数据分析时。注意，根据实际需求...
浏览器a标签下载txt、json文件自动打开预览的问题
菜鸡的博客
05-06 1330
由于浏览器的特性等等文件放在a标签的href属性中会被浏览器直接打开，这时可以给a添加download属性强制下载，但是当执行文件时download属性就会失效。
利用a标签直接下载
07-20
利用a标签直接下载，只要把路径写清楚就行，就能通过浏览器直接下载，注意后边必须加上下载文件的名字
jsp下载，解决.txt等文件不能直接下载的问题
09-12
jsp下载，解决.txt等文件不能直接下载的问题，也可隐藏真实地址
前端使用a标签下载文本，有时候会遇到“网络错误-下载失败”问题
weixin_44108327的博客
09-07 2271
方法1：这种的有时候会遇到报错。方法2：创建Blob，生成URL。
a标签下载txt，jpg文件，不是直接打开的方式
程序员资料站
04-25 4108
实现： a标签实现文件下载，是使用的相对路径下载。 js代码 <a class="btn btn-success btn-sm" href="../docs/doc/" title="下载" mce_href="#"><i class="fa fa-arrow-circle-down"></i></a> 这样用户在点击这个链接的时候，就会直...
a标签下载txt，会直接打开txt文件的处理方法
IT-Blog
03-15 7565
一、href + download方法 通常在咱们写项目的时候会遇到上传下载什么的，在上传完文件后会把文件的路径保存到数据库里以便下载，如果想不通过后台直接下载的话，可以把文件路径给a标签的属性href； <a href="/attachment/xxxx.txt">下载</a> 这样当用户打开浏览器点击链接的时候就会直接下载文件。 但是有个情况，比如txt,png,jp...
使用a标签下载文件而不是直接打开
jacklin_01的博客
03-06 5274
href + download方法 当我们使用a标签链接要下载的.txt或者.log等文件时，总是浏览器直接打开了文件而不是下载解决方式如下：给a标签添加一个download属性 <a href="/upload/aaa.txt" download> 其中download可以给值也可以不给值 自己尝试一下 ...
a标签下载txt文件自动打开预览的问题
m0_61833460的博客
01-05 2840
由于浏览器的特性.txt .pdf 等等文件放在a标签的href属性中会被直接打开，这时可以给a添加download属性强制下载，但是当执行跨域下载文件时download属性就会失效，这里记录下我的解决方法： html: <a v-for="(item, index) in article.annex" class="cur" @click="downloadFile(baseUrl + item.path,item.name)" :key="index" >{{ item.nam
JS 解决txt文件直接打开而不是下载
weixin_30532369的博客
06-28 2563
PS：后台传过来的路径不可以直接下载txt文件：先创建a标签然后把路径填入，download属性一定要填上下载的文件的名称，可以解决txt文件直接打开而不是下载 var url = "../../../Temp/14049234c3ef498583f9ff213b5b5529/D05B567C0602414D8CCFFDCA677DE060.txt"; //创建a标签 var...
a标签的download属性 下载txt文件
07-28
要使用a标签的download属性下载txt文件，你可以按照以下步骤进行操作： 1. 首先，创建一个a标签元素，并将其设置为隐藏状态： ```javascript let a = document.createElement("a"); a.style.display = "none"; ``` 2. 设置a标签的href属性为txt文件的下载地址： ```javascript a.href = "your_txt_file_url"; ``` 3. 设置a标签的download属性为你想要保存的文件名（不带文件扩展名）： ```javascript a.download = "your_file_name"; ``` 4. 将a标签添加到当前页面的body元素中： ```javascript document.body.appendChild(a); ``` 5. 模拟点击a标签来触发文件下载： ```javascript a.click(); ``` 6. 下载完成后，记得从页面中移除a标签： ```javascript document.body.removeChild(a); ``` 通过以上步骤，你就可以使用a标签的download属性来下载txt文件了。请注意替换"your_txt_file_url"和"your_file_name"为你实际的文件URL和文件名。 #### 引用[.reference_title] - *1* *3* [设置a标签的download属性实现下载功能](https://blog.youkuaiyun.com/xiaolinlife/article/details/107550136)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* [前端文件下载利用a标签的download属性下载文件](https://blog.youkuaiyun.com/xiao970615/article/details/126143705)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]
评论 2
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值