在前端下载ANSI zip文件，由C#后端生成

Question

我有一个 C# 后端在内存中生成一个 zip 文件（使用 System.IO.Compression）并将其发送到我的前端。如果我在发送之前下载 zip 文件，它运行良好并且采用 ANSI 编码（在 notepad++ 上找到）。

这就是我目前返回文件的方式，我尝试了许多不同的方法来做到这一点，例如简单地返回一个没有标题的文件，但现在它看起来像这样：

[HttpPost]
[Route("GetUserWorkContext")]
public async Task<IActionResult> GetUserWorkContext([FromBody] GetUserWorkContextRequest request, [FromServices] IExportManager exportManager)
{
    var zipStream = await exportManager.GetUserWorkContext(userId, request.IncludeArchived);
    HttpContext.Response.Headers.Add("Content-Disposition", "attachment; filename = test.zip; charset=Windows-1252");
    HttpContext.Response.Headers.Add("Content-Length", zipStream.ToArray().Length.ToString());
    return File(zipStream.ToArray(), "application/octet-stream");
}

似乎无论我如何使用Javascript（前端）下载文件，它都以utf8编码保存（再次使用notepad ++找到）。我尝试使用 js-file-download (https://www.npmjs.com/package/js-file-download) 或创建 blob，但我最终下载的任何内容都以 utf8 编码。

我应该如何在不损坏存档的情况下以 Javascript 下载此文件？

这是我目前在 Javascript 中的尝试，使用我在此处找到的一段代码 (JavaScript blob filename without link) 下载文件：

function getUserWorkContext({ includeArchived }) {
    return new Promise(function () {
        Axios.post('/api/Export/GetUserWorkContext', {includeArchived})
            .then((response) => {
                if(response.data){
                    var blobObject = new Blob([response.data], {type: 'application/zip;charset=Windows-1252'});
                    downloadFile(blobObject, "test.zip");
                }
            })
}

function downloadFile(file, fileName) {
    if (navigator.msSaveBlob) { // For ie and Edge
        return navigator.msSaveBlob(file, fileName);
    }
    else {
        let link = document.createElement('a');
        link.href = window.URL.createObjectURL(file);
        link.download = fileName;
        document.body.appendChild(link);
        link.dispatchEvent(new MouseEvent('click', { bubbles: true, cancelable: true, view: window }));
        link.remove();
        window.URL.revokeObjectURL(link.href);
    }
}

注意：实际 zi​​p 为 3,747KB，而从 Javascript 下载的 zip 总是大得多，在这种情况下：6,917KB。

Answer 1

这是 axios 的问题：

我猜，你应该使用 blob 或 arraybuffer 作为 axios 的 responseType。

{ responseType: 'blob' }

// responseType 表示服务器将要发送的数据类型 响应 // 选项有：'arraybuffer'、'document'、'json'、 'text', 'stream' // 仅限浏览器：'blob'

responseType: 'json' // 默认

检查这个答案：https://stackoverflow.com/a/60461828/2487565

=== 8

您的 Content-Disposition 标头错误。 Content-Disposition 标头没有 charset 参数。

查看文档：MDN HTTP Content-Disposition

这就是您的文件仍以 UTF-8 发送的原因，因为您的 charset 参数无效。

使用 UTF-8：

从 C# 中删除 Content- 标头和从 JavaScript 中删除字符集参数

var blobObject = new Blob([response.data], {type: 'application/zip'});

如果确实需要使用Windows-1252，可以尝试使用内容类型参数进行设置。

 return File(zipStream.ToArray(), "application/octet-stream;charset=Windows-1252");

也检查一下：Charset Encoding in ASP.NET Response

顺便说一句，UTF-8 是首选的字符集编码：W3 QA choosing encodings

而且，是的@nikneem，Content-Disposition 和 Content-Length 标头中不需要。它们将自动生成。