如何避免前端下载 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
登录后复制
以上就是前端下载 ZIP 文件时，如何避免文件名称自动添加 _ 后缀？的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/2661820.html
