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

逆流而上的皮卡丘 2024-10-02 08:03:03 阅读 91

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

<code>//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);

}

},



声明

本文内容仅代表作者观点,或转载于其他网站,本站不以此文作为商业用途
如有涉及侵权,请联系本站进行删除
转载本站原创文章,请注明来源及作者。