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

逆流而上的皮卡丘

于 2024-06-26 16:30:27 发布

阅读量222

点赞数 1

分类专栏：前端 js 文章标签：前端 js

本文链接：https://blog.csdn.net/weixin_39763930/article/details/139992276

版权

前端同时被 2 个专栏收录

1 篇文章 0 订阅

订阅专栏

1 篇文章 0 订阅

订阅专栏

记录一下最近工作中遇到的新需求，更改下载文件的名称，后端使用的文件服务器是minio，所以存储时为了保证图片在文件库的唯一性使用了UUID的命名方式，所以前端下载文件到本地时名称就是该UUID，其实动手修改一下名称也是可以的，不妨有些懒人，不愿意动手修改。在网上查了很多资料，有的会存在跨域问题，有的就是下载文件名称并未修改。最后终于优化了可以适用的方法，方法大家都很熟悉，但是超级好用！！！

//url下载文件路径
//fileName下载文件的新名称
downloadImg(url,fileName){
  try {
    const response = request(url,{responseType: 'blob'});
    const blob = new Blob([response.data])
    const link = document.createElement('a');
    link.href = window.URL.createObjectURL(blob);
    link.download = fileName;
    link.click();
  } catch (error) {
    console.error('Error fetching the image:', error);
  }
},