如何避免前端下载 zip 文件时自动添加 _ 后缀？
前端开发中，使用 标签下载 zip 文件时，可能会遇到下载后文件名称自动添加 _ 后缀的问题。这篇文章将探讨导致此问题的原因并提供解决方案。
问题原因
通常，使用 blob 和 url.createobjecturl() 来创建文件的下载链接。但是，如果文件名中包含引号（常见于使用 content-disposition 标头），则在文件名解析过程中，引号会消失，导致文件名称不正确，并因此添加 _ 后缀。
解决方案
为了解决此问题，在解析文件名之前，使用 decodeuricomponent() 方法对文件名进行解码。通过解码，引号将被正确还原，从而确保正确的文件名称。
修改后的下载文件函数如下：
立即学习“前端免费学习笔记（深入）”；
export function downloadfile(data: any, filename: string): void {
// ...
const decodedfilename = decodeuricomponent(filename);
console.log('decodedfilename', decodedfilename); // xxxx.zip
// ...
link.download = decodedfilename;
}示例
使用修改后的下载文件函数，下载的文件名称将保持原样，不会添加 _ 后缀。
downloadFile(data, 'xxxx.zip'); // 下载的文件名为 xxxx.zip
