js使用window.location.href下载文件，中文名称乱码

当使用JavaScript通过`window.location.href`来下载文件，并且文件名包含中文时，可能会遇到乱码的问题。这主要是因为浏览器默认使用的是系统编码或者是UTF-8等通用编码来进行URL拼接，而某些本地系统的默认字符集（如GBK、GB2312等支持中文的编码）与网页显示使用的编码可能存在差异。

### 解决方案：

为了防止中文名称乱码，可以采用以下几种方法之一：

#### 方案一：使用 Blob 和 URL.createObjectURL API

这种方式将文件数据转换成Blob对象，并利用`URL.createObjectURL()`创建一个临时URL，进而生成可直接点击的链接来下载文件。

function downloadFile(filename, content) {
    const url = URL.createObjectURL(new Blob([content], { type: 'application/octet-stream' }));
    const a = document.createElement('a');
    a.style.display = 'none';
    a.href = url;
    a.download = filename;
    document.body.appendChild(a);
    a.click();
    setTimeout(() => {
        URL.revokeObjectURL(url);
        a.remove();
    }, 0);
}

// 使用示例
downloadFile('测试文件.xlsx', '您的文件内容...');

#### 方案二：指定合适的Content-Disposition

修改HTTP头信息，指定文件下载时不显示文件名提示，而是由用户自行选择保存位置和命名。这是通过在响应头添加特定的值来实现的。

fetch('路径到您的文件')
  .then(response => response.blob())
  .then(blob => {
    let link = document.createElement("a");
    link.href = window.URL.createObjectURL(blob);
    link.setAttribute("download", "测试文件.xlsx"); // 指定文件名及扩展名
    link.style.display = "none";
    document.body.appendChild(link);
    link.click(); // 触发下载事件
    window.URL.revokeObjectURL(link.href); // 释放内存引用
    document.body.removeChild(link);
  });

### 相关问题:

1. **如何避免在其他浏览器环境下使用此方法？**
针对不同的浏览器环境调整编码设置或使用兼容性更高的方法。

2. **为什么某些编码会导致乱码现象？**
主要是由于文件名的编码与浏览器解析编码之间的不一致导致，涉及到字符集的相互翻译过程。

3. **除了上述方法外还有哪些解决中文文件名乱码的策略？**
可以尝试使用Base64编码文件数据，然后通过HTML `<a>` 标签的 `href` 属性创建下载链接，再结合JavaScript动态插入下载触发脚本来实现文件下载。这种方法也能够有效处理文件名中的中文字符。