a标签download属性修改文件名失效

最新推荐文章于 2024-05-30 22:10:43 发布
最新推荐文章于 2024-05-30 22:10:43 发布
阅读量1.4w 收藏 4
点赞数 1
分类专栏： 前端 文章标签： a标签download属性修改文件名失效
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_40016949/article/details/83111357
版权

<a href="'+fileurl+'" download="'+filename+'">   fileName为下载文件要修改的名字

注意：a标签download属性只支持谷歌和火狐浏览器，不支持IE，在IE环境下图片和txt文档是预览效果

IE不支持html5 新特性a标签download属性

在谷歌和火狐浏览器a标签download属性修改文件名失效是因为网络原因：注意访问于域名和href的域名要一致，如下图

可以动态拼接要下载的文件路径： var baseUrl ='http://'+window.location.host+'/';    fileurl=baseUrl+imgurl

eg：外网：http://easytest1.com:9060/

       内网： http://easytest2.com:9060/

 

finbarr45
关注
  • 1
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 3
    评论
专栏目录
a标签下载文件download重命名失效问题
aGreetSmile的博客
07-16 1575
下载阿里云oss上文件 a标签下载文件由于跨域download重命名失效 downloadFile(url, fileName) { var x = new XMLHttpRequest(); x.open("GET", url, true); x.responseType = 'blob'; x.onload=function(e) { var url =
vue下载文件并重命名
夏至的博客
09-24 3744
vue的项目，需要做一个文件上传下载的功能。上传是OK的，然鹅因为上传到minio的时候，使用了随机数命名，导致文件名称就变成了一大串字符。被客户驳回来了。那好吧，就加一个重命名功能好了。 不过这个项目好奇怪，正常的后台解析文件流，前端下载的方案，下载下来文件都会变成乱码，怎么改都不行，最后，参考了JavaScript 实现文件下载并重命名 直接在vue端实现了文件的转为blob并下载。 代码如下： download(downloadUrl，downloadFileName ) {
Vue项目：js模拟点击a标签下载文件并重命名，URL文件地址下载方法、请求接口下载文件方法总结。
2401_84433535的博客
04-29 536
开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
vue非同源下载图片
attach_uzi的博客
05-09 1432
vue非同源下载图片
js下载文件并且重命名
最新发布
wangwenzhe的博客
05-30 367
js下载文件并且重命名
解决因跨域导致使用a标签下载文件download属性失效无法自定义命名的问题
金乌的博客
11-17 3916
在使用a标签下载文件时，download属性可以更改下载的文件名。但是当a标签的下载链接时，download属性将不会生效，原因是浏览器无法获取到文件，不能对他进行更改。在这种情况下如果你是下载浏览器无法解析的文件，例如.exe,.xlsx..那么浏览器也会自动下载，但是如果你使用浏览器可以解析的文件，比如.txt,.png....浏览器就会采取预览模式，无法直接下载。html5 新特性a标签download属性只支持谷歌和火狐。
跨域下载，a标签download设置下载文件名失效的问题
麋鹿的鹿
08-03 1342
download (fileUrl, fileName, ext) { var x = new XMLHttpRequest(); x.open("GET", fileUrl, true); x.responseType = 'blob'; x.onload = function (e) { var url = window.URL.createObjectURL(x.response) var a = document.cre
解决vue下载mp4文件无法修改文件名称问题
Tttrycatch的博客
05-16 375
【代码】解决vue下载mp4文件无法修改文件名称问题。
为什么a标签无法下载，无法重命名？
qq_46344419的博客
07-25 677
为什么a标签无法下载，无法重命名？
spss_download.rar
09-16
尽管标签为空，我们可以根据压缩包内的文件名推测其内容： 1. "感谢您的下载.png" - 这可能是一个下载后的感谢页面的截图，通常包含一些感谢语句和公司或网站的标志，也可能提供了进一步的联系信息或支持链接。 2....
Internet Download Manager6.x软件下载永久使用版
10-05
Internet Download Manager-牛逼的下载神器 Internet Download Manager, 简称IDM,是国外的一款优秀下载工具，支持多媒体下载、自动捕获链接、自动识别文件名、静默下载、批量下载、计划下载任务、站点抓取、队列等...
grub4dos-V0.4.6a-2017-02-04更新
03-05
这一更改也避免了 Issue 162 读 64 位逻辑扇区的问题。 FDD 模式的 u 盘被识别为硬盘，问题多多。已经发现的问题是执行 find，不返回 (hd0)；精简 PE 加载映像文件死机。 2.解决了FDD 模式的 u 盘，执行 find ...
javaScript实现另存为功能
05-20
3. **创建隐藏的a标签**：为了触发浏览器的下载行为，可以创建一个隐藏的`<a>`标签，设置其`href`属性为之前创建的Object URL，并设置`download`属性为文件名，这会告诉浏览器这是一个下载链接。 4. **模拟点击事件...
Java程序实现导出Excel的方法(支持IE低版本)
09-01
Apache POI是一个开源项目，提供了API来创建、修改Microsoft Office格式的文件，包括Excel（XLS和XLSX格式）。 在Java中，我们可以使用以下步骤来实现Excel导出： 1. **创建Excel工作簿对象**：使用`HSSFWorkbook`...
Vue下载文件不成功及下载文件名称问题
weixin_43190804的博客
12-15 3329
import axiosDown from “axios”; downloadFile(path) { return axiosDown({ url: path, method: “get”, responseType: “blob” // 这一步也很关键，一定要加上 responseType 值为 blob }); }, downloadWay(item) { // console.log(item,‘item’); this.downloadFile(item.fileUrl).then(data =&
a.download无法修改文件名称
m0_48308579的博客
02-11 532
能下载 但无法修改文件名称 var a = document.createElement("a"); a.href = res.url; a.download = "优惠券记录.xlsx"; a.click(); 修改代码 async downloadClick(url, name) { window.URL = window.URL || window.webkitURL; var xhr = new XMLHttpRequest(); var a =
关于a标签的download定义文件名不起作用
qq_41801059的博客
07-08 2830
a标签的 download
前端a标签文件下载重命名
m0_48194439的博客
01-05 1119
开发笔记
使用a标签无法下载某些文件的解决方法
BHSZZY的博客
03-07 3712
没想到，这样写，网上找了个exe的url、下载了下是没有问题的，3.网上还说，如果后端返回的header里加上这样的东西的话，前端请求时也就可以是下载文件、而不是打开新页面了。
a标签download属性
05-04
`download` 属性是 HTML5 中的一项新特性，它用于指示浏览器在下载链接时将其保存为本地文件，并指定文件的默认文件名。当用户点击带有 `download` 属性的链接时，浏览器将下载链接指向的资源，并将其保存为默认文件名。如果没有指定 `download` 属性，则浏览器将尝试在窗口中打开链接指向的资源，或者提示用户保存文件。该属性的使用方法如下： ```html <a href="example.zip" download>Download Example</a> ``` 上面的代码将创建一个指向 "example.zip" 文件的链接，并将其保存为默认文件名。可以使用 `download` 属性指定不同的文件名，如下所示： ```html <a href="example.zip" download="newfilename.zip">Download Example</a> ``` 在这种情况下，浏览器将下载 "example.zip" 文件并将其保存为 "newfilename.zip"。需要注意的是，该属性只在支持 HTML5 的现代浏览器中才能生效。
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

finbarr45

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值