关于a标签添加了download属性下载文件失败的问题

最新推荐文章于 2023-11-17 15:50:46 发布
原创 最新推荐文章于 2023-11-17 15:50:46 发布 · 4.7k 阅读 · 2 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#html  #a标签 #a标签文件下载

本文详细介绍了在WebStorm使用Vue.js进行开发时遇到的文件下载未发现文件的问题，主要原因是文件位置错误或文件名包含中文。文章提供了两种解决方案：一是将文件放置于static目录下；二是确保文件名不包含中文字符。

1.描述

环境：webstorm vue.js

2.问题：下载未发现文件

下载未发现文件

3. 原因：

（1）文件位置没有放对
（2）文件名字包含中文

4.解决

（1）把文件放到static目录（静态资源目录）下
（2）上图：【看文件目录和a标签就行了】

pic1
pic2

a标签下载文件重命名失败download 无效
浮游的博客
12-18 1913
download可以实现对下载文件的重命名，但目前存在很大的兼容性问题，只有Chrome和Opear才有效，并且如果说下载文件不是在子集的服务器或域名中，这些浏览器会忽视download属性，文件名不变。但是需要注意的是此方法只适用于小文件，对于大文件来说耗时太久，不适用。因为它相当于先把文件下载下来了，所以需要比较长时间，但是这段时间的等待，对于用户交互来说，那是很不友好的。，即可直接下载，而且对于一些txt、img、mp4等浏览器直接渲染的类型，也可以实现下载，而不是直接打开。
a 标签 download 属性失效解决方案
呆呆papa的博客
02-17 3529
在网页中为了实现附件下载功能通常会使用 a 标签的 download 属性，但是对于跨域的图片资源，浏览器会直接打开这个图片，而不是下载。在 JavaScript 使用 ajax 获取图片内容，然后动态创建文件地址，通过模拟 a 标签的点击事件完成下载。将图片地址页面同源处理，可以在nginx中配置代理转发到指定的图片地址。// 需要指定响应类型为 blob。
HTML--a--download-属性
一万年太久，只争朝夕
09-23 2762
测试地址 <a href="http://www.cuit.edu.cn/Images/logo.png" download="cuit_logo">下载图片</a> ###定义和用法 href 属性定义了下载链接的地址。 download 属性定义了下载文件的名称，文件扩展名由浏览器自动检测添加。 (1) 当 download 属性值不为空时，下载的文件的名字由 download 的属性值确定，扩展名分两种情况： ① download 中指定后缀名 <a href="150
前端使用a标签下载文本，有时候会遇到“网络错误-下载失败”问题
weixin_44108327的博客
09-07 2249
方法1：这种的有时候会遇到报错。方法2：创建Blob，生成URL。
a标签无法下载中文文件
iamapsycho的博客
09-01 2444
a标签无法下载中文文件
解决a标签download属性跨域失效问题及方案
当我们在HTML中为`<a>`标签添加`download`属性时，如`<a href="example.pdf" download="my-file.pdf">下载文件</a>`，浏览器会在用户点击该链接时不跳转页面，而是尝试将目标资源以指定的文件名进行本地保存。...
vue 后台返回的.txt 链接，点击按钮下载，a标签的 download 属性无法使用的解决办法
05-28
好的，用户的问题是在Vue中使用a标签的download属性下载后台返回的.txt文件时无法正常工作。需要解决这个问题。首先，我需要回顾之前提供的引用内容，看看有哪些相关的解决方案可以应用。 根据引用[1]，a标签的...
a标签下载文件失败 显示文件损坏
06-07
3.创建一个a标签，将其href属性设置为该临时URL，并添加download属性（指定下载文件名）。4.触发a标签的点击事件。示例代码：```javascriptfunctiondownloadFile(url,filename){fetch(url).then(response=>response....
js代码a标签下载文件重命名失败
最新发布
10-18
在 JavaScript 中，使用 a 标签下载文件重命名失败，可通过以下方法解决： 1. **使用 Fetch 或 Axios 获取数据流并转换为 Blob**：通过 Fetch 或 Axios 获取文件的数据流，将其转换为 Blob 对象，这样得到的就是同源...
vue a标签下载本地文件失败
05-13
在 Vue 中，可以通过 a 标签的 href 属性来实现下载本地文件，但是在某些情况下，该方法可能会失败。这通常是由于浏览器的安全策略导致的。为了解决这个问题，你可以尝试使用 JavaScript 代码来实现文件下载。 具体...
在web项目中a标签的download属性下载文件失败，找不到文件
weixin_43539043的博客
12-15 1万+
**在web项目中a标签的download属性下载文件失败，找不到文件。** 在项目里用了a标签的download属性下载图片，本来好好的，突然Bug,改了好久，找不到原因。起初认为是无法获取到地址。但用了 String path = request.getContextPath(); String basePath = request.getS...
jsp A标签中文excel文件下载报404，无法下载
fyx912的专栏
06-29 3667
解决方法：在tomcat的server.xml文件中添加  URIEncoding="UTF-8"
解决因跨域导致使用a标签下载文件download属性失效无法自定义命名的问题
金乌的博客
11-17 5883
在使用a标签下载文件时，download属性可以更改下载的文件名。但是当a标签的下载链接时，download属性将不会生效，原因是浏览器无法获取到文件，不能对他进行更改。在这种情况下如果你是下载浏览器无法解析的文件，例如.exe,.xlsx..那么浏览器也会自动下载，但是如果你使用浏览器可以解析的文件，比如.txt,.png....浏览器就会采取预览模式，无法直接下载。html5 新特性a标签download属性只支持谷歌和火狐。
a标签下载附件，无法下载、无法重命名？怎么回事
分享与记录前端点滴
03-29 4228
a>的download属性是HTML5新增的属性，它可以使 a 标签的href属性进行下载，download属性为下载后的文件名这个值可能会通过JavaScript进行动态修改或者中指定的download属性优先级高于a.download。
web页面中a标签下载文件包含中文下载失败的解决
weixin_30385925的博客
09-26 1221
　　之前用到的文件下载，文件名都是时间戳的形式或者英文名。下载没有问题。后来附件有中文后写在页面是下面效果，点击下载，下载失败。 　　对应链接拿出来。是如下效果 之前用了各种其他办法都不理想，比如转义什么的。直接上解决办法 在tomcat中server.xml配置里加上URIEncoding="UTF-8" 不要加错了，如下图 然后就解决了，放到服务器上也可以用...
使用a标签无法下载某些文件的解决方法
BHSZZY的博客
03-07 5079
没想到，这样写，网上找了个exe的url、下载了下是没有问题的，3.网上还说，如果后端返回的header里加上这样的东西的话，前端请求时也就可以是下载文件、而不是打开新页面了。
通过a标签下载文件，不能下载原因
热门推荐
fearlessnesszhang的博客
05-04 1万+
&lt;a href="../api/v1/file/downloadTemplate?templateFileName=sampleExcel.xls&amp;downloadFileName=Excel填写实例.xls" class="layui-btn" style="color:white"&gt;Excel填写实例&lt;/a&gt;&lt;a href="../api/v1/fi
a标签download属性失效
m0_49623851的博客
05-31 3719
使用a标签下载文件时，设置了download属性指定下载的文件名,但是没有生效。因为我的a标签下载链接是跨域的，猜测可能是因为跨域，浏览器获取不到文件，所以不能进行更改文件名。
a标签下载在IE浏览器不兼容问题
fhx308050的博客
12-01 2641
今天碰到用户使用后台点击下载无效问题，通过其他浏览器测试其实是没问题的，但是根据用户反馈他使用的是IE浏览器，所以本人测试了使用<a>标签在IE下触发下载可能保存时会直接将文件命名成download，并且还没有文件后缀，所以用户可能会不知道你下载的是什么。 其实写过好几个后台的下载都是要么使用<a> download 属性或window.open实现下载效果，使用这两个方法除IE浏览器外，应该大部分浏览器都可以实现下载效果的。 例如： //下载 function downl.
评论 1
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值