前端开发中，使用 标签下载 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
以上就是前端下载 ZIP 文件时，如何避免文件名称自动添加 _ 后缀？的详细内容，更多请关注php中文网其它相关文章！
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。
广告![ThinkPHP5快速开发企业站点[全程实录]](https://img.php.cn/upload/course/000/000/068/6253d918a3ce7278.png)
收藏
收藏
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
208
