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

Question

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

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

[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 indicates the type of data that the server willrespond with // options are: 'arraybuffer', 'document', 'json','text', 'stream' // browser only: 'blob'

responseType: 'json' // default

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

=== 8< ======================= 之前的版本 ============== ========= 8< ===

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

查看文档:MDN HTTP Content-Disposition

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

要使用 UTF-8:

删除 C# 中的 Content- header 和 JavaScript 中的字符集参数

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

如果确实需要使用Windows-1252，可以尝试设置content type参数。

 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 header 中没有必要。它们将自动生成。