前端下载文件并修改文件名称
逆流而上的皮卡丘 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);
}
},
声明
本文内容仅代表作者观点,或转载于其他网站,本站不以此文作为商业用途
如有涉及侵权,请联系本站进行删除
转载本站原创文章,请注明来源及作者。