2025-03-20 07:52:41

在日常开发中，使用`window.location.href`进行文件下载是一种常见的方法，但当文件名包含中文时，可能会出现乱码问题，影响用户体验。这是因为浏览器对文件名的编码处理方式不同，导致中文字符无法正确解析。

首先，我们需要确保文件名在URL中以正确的编码形式传递。可以使用`encodeURIComponent()`函数对文件名进行编码，例如：`window.location.href = '/download?filename=' + encodeURIComponent('测试文件.txt')`。这样能有效避免乱码问题。

其次，服务器端也需要配合设置响应头，如`Content-Disposition: attachment; filename="测试文件.txt"; filename=UTF-8''%E6%B5%8B%E8%AF%95%E6%96%87%E4%BB%B6.txt`，明确告知浏览器文件名的编码格式。这样一来，无论是Chrome还是Firefox等主流浏览器都能正确识别并显示文件名。

最后，记得测试不同浏览器下的表现，确保兼容性。🌟通过以上方法，我们可以优雅地解决`window.location.href`下载文件时遇到的中文乱码难题！✨