登录
首页 >  文章 >  前端

前端下载 ZIP 文件时，如何避免文件名称自动添加 _ 后缀？

时间：2024-10-29 12:57:57 138浏览 收藏

对于一个文章开发者来说，牢固扎实的基础是十分重要的，golang学习网就来带大家一点点的掌握基础知识点。今天本篇文章带大家了解《前端下载 ZIP 文件时，如何避免文件名称自动添加 _ 后缀？》，主要介绍了，希望对大家的知识积累有所帮助，快点收藏起来吧，否则需要时就找不到了！

前端下载 ZIP 文件时，如何避免文件名称自动添加 _ 后缀？

如何避免前端下载 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

今天带大家了解了的相关知识，希望对你有所帮助；关于文章的技术知识我们会一点点深入介绍，欢迎大家关注golang学习网公众号，一起学习编程~

相关阅读
更多>
最新阅读
更多>
课程推荐
更多>