javascript - 如何解决前端下载zip文件时自动添加_后缀的问题?

Question

前端a标签下载.zip文件下载下来的文件加了_后缀怎么回事怎么解决？

export function downloadFile(data: any, fileName: string): void {  const blob = data instanceof Blob ? data : new Blob([data]);  console.log('blob', blob); // type: text/xml  const url = window.URL.createObjectURL(blob);  const link = document.createElement('a');  link.href = url;  console.log('fileName', fileName); // 取的content-disposition的文件名 xxxx.zip  link.download = fileName;  link.style.display = 'none';  document.body.appendChild(link);  link.click();  document.body.removeChild(link);  window.URL.revokeObjectURL(url);}// 下载的文件会带_ 变成_xxxx.zip_

Answer 1

昨天刚好处理过了，网上有查到解决方法
前端js下载文件时后缀名多出一个下划线

如果可以的话，可以先在网上寻找解决方法，未找到再提问

link.download = fileName.replace(/"/g, '')

Answer 2

你的问题描述中，似乎是在尝试下载一个 .zip 文件时，文件名自动添加了一个 _ 后缀。这可能是因为你在设置 a 标签的 download 属性时，文件名中包含了某些特殊字符或者格式。

首先，你需要确保你的文件名是符合URL编码的。有些特殊字符，如空格、斜杠（/）、点（.）、冒号（:）等，在URL中可能被解释为特殊含义，所以最好进行URL编码。

你可以使用 encodeURIComponent 函数来对文件名进行编码：

const fileName = encodeURIComponent(fileName);link.download = fileName;

这样应该可以解决你的问题。如果问题仍然存在，那可能是其他原因导致的，你可能需要提供更多信息来进行调试。