前端下载并修改文件名的方法

最新推荐文章于 2024-06-26 16:30:27 发布

liubh9999

最新推荐文章于 2024-06-26 16:30:27 发布

阅读量2.2k

点赞数

分类专栏：前端文章标签： javascript html html5

本文链接：https://blog.csdn.net/liubh9999/article/details/114701393

版权

前端专栏收录该内容

2 篇文章 0 订阅

订阅专栏

设置a标签download属性

<a download="test" href="http://www.xxxx.cn/xxx.xlsx">test</a>

该方式有2个问题，1.、该方法在hrome和Firefox浏览器中支持，其他浏览器可能有兼容性问题；

2、下载文件要同域，跨域浏览器将忽略download属性

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

liubh9999

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

html文件如何重命名,如何重命名输入类型=文件的HTML“浏览”按钮？

weixin_31847389的博客

06-11

985

10 个答案:答案 0 :(得分：30)function HandleBrowseClick(){var fileinput = document.getElementById("browse");fileinput.click();}function Handlechange(){var fileinput = document.getElementById("browse");var text...

js下载文件并修改文件名

10-19

主要为大家详细介绍了js下载文件并修改文件名的代码，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

参与评论您还未登录，请先登录后发表或查看评论

前端下载文件(blob流文件下载及修改下载文件名称)

weixin_46752896的博客

12-11

2945

项目中经常遇到文件下载需求，有时候后台返回的是一个blob流文件（就是看起来像是乱码的数据），这时就需要前端对文件进行处理，或展示，或下载。故这里简单实现一下blob流文件下载的方法。 function downloadFile() { // fileUrl使用后台提供的接口地址即可，这里测试使用本地图片，防止跨域 let fileUrl = "./test.jpg"; let xhr = new XMLHttpRequest(); xhr.open("GET",fileUrl,true); xh

前端下载文件并修改文件名称

热门推荐

weixin_30237719的博客

09-12

1万+

//url:文件地址 filename:想要修改为的名称 function download(url, filename) { getBlob(url, function (blob) { saveAs(blob, filename); }); }; funct...

【JavaScript源代码】Vue通过阿里云oss的url连接直接下载文件并修改文件名的方法.docx

12-29

在本文档中，我们探讨了如何在Vue.js应用中通过阿里云OSS（Object Storage Service）的URL直接下载文件，并在下载过程中修改文件名。在尝试通过HTML的`<a>`标签直接设置`download`属性来实现重命名失败后，作者选择...

element-ui 文件上传修改文件名的方法示例

01-19

我们所有的静态资源（比如图片）都会上传到一个服务器上，在活动中访问时会统一访问静态资源服务器，而静态资源上传时并没有处理重名问题！！！接口侧仅仅是在前面加了一个4位数的随机数，也就是说，当同名图片超过 ...

前端下载文件修改文件名

05-26

可以通过创建一个下载链接，并在链接中设置文件名来实现前端下载文件并修改文件名的功能。以下是一个简单的示例代码： ```html <a href="path/to/file.pdf" download="new_file_name.pdf">Download PDF ``` 在上面...

html点击修改名称,修改昵称.html

weixin_42528780的博客

06-03

610

修改昵称$axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };$axure.utils.getOtherPath = function() { return 'resources/Other.html'; };$axure.utils.getReloadPath...

下载文件并重命名

weixin_43473561的博客

10-27

2583

1.POST方式 export async function exportQuantityStatistics(payload) { return fetch(`url`, {method:'POST',body:JSON.stringify(payload) , headers: {'Content-Type': 'application/json'}}).then(res => ...

JS实现文件的下载并且可以自己命名

qq_41967899的博客

08-27

1804

js下载1 代码实现66 文献来源 1 代码实现 /** * 获取 blob * @param {String} url 目标文件地址 * @return {cb} */ function getBlob(url,cb) { var xhr = new XMLHttpRequest(); xhr.open('GET', url, true); ...

文件下载重命名（可跨域）

pqj222的博客

10-18

5481

一、正常情况下，我们都如此下载文件并修改文件名，在a标签上面添加download属性 var link = document.createElement('a'); link.href = file.url; link.download = file.name; link.target="_blank"; link.click(); 由于a.download跨域会失效，上面代码只可同...

前端 h5 文件下载重命名

weixin_44648749的博客

09-28

3579

最近有个需求，下载文件后文件名是url地址，重命名成文件原来的名字。特此记录一下。首先尝试一下a标签的download属性；发现不生效后，百度一下发现由于是前端端分离项目，href属性的地址必须是和你前端js非跨域的地址，不然download属性无效！继续百度发现很多办法都是利用 new Blob() 把文件转成blob文件对象，然后进行下载和保存，然而发现navigator.msSaveBlob方法不生效；（走过的坑就不说了，直接讲方法） let link = document.create

前端下载文件并更改名字

weixin_46495799的博客

03-01

3402

前几天收到一个需求，需要将下载下来的文件（包括excel，text，文档等），改个名字，因为后端是用id进行的命名。之前在网上找了很多方法，各种问题，今天终于解决了，总结一下。注释：后端返回的是url下载地址。3.使用这种方法，可能会存在跨域，这里让后端将端口号加上就行。2.将下载的url地址更改成文件流并改名下载。filename就是你需要改的名字。1.调用接口拿到url下载地址。备注：希望能给您带来帮助。

前端下载文件方法、后台接口返回二进制文件流、前端通过blob对象并使用fetch/axios实现下载

weixin_44235350的博客

04-01

1567

前端下载文件后端返回二进制文件流

ajax下载文件并修改文件名

kalulioo的博客

09-17

1010

function download(url, cb) { var xhr = new XMLHttpRequest(); xhr.open('GET', url, true); xhr.responseType = 'blob'; xhr.onload = function () { if (xhr.status === 200) { saveAs(xhr.response，‘xxxx.txt’); } }; xhr.send(); } function saveAs(bl...

前端修改下载导出文件名称

wang9rui的博客

05-20

3316

1.cnpm i file-saver -S 2.import { saveAs } from 'file-saver'; 3.const getBlob=(url)=> { return new Promise(resolve => { const xhr = new XMLHttpRequest(); xhr.open('GET', url, true); xhr.responseType = 'blob'; xhr.o