如何在 jquery .post 中将二进制文件保存在客户端上

Question

我有带有以下代码的处理程序：

    HttpRequest request = context.Request;
    HttpResponse response = context.Response;

    if (request["Type"] != null)
    {
        try
        {
            string resultFile = null;
            string fileName = string.Empty;

            int type = Convert.ToInt32(request["Type"]);

            switch (type)
            {
                case 1:
                    fileName = "InnerQuery.doc";
                    resultFile = GenerateInnerQuery(Id);
                    break;

                case 2:
                    fileName = "CourierQuery.doc";
                    resultFile = GenerateCourierQuery(Id);
                    break;

                case 3:
                    fileName = "TransportDogovor.doc";
                    resultFile = GenerateTransportDogovor(Id);
                    break;

                case 4:
                    fileName = "TransportQuery.doc";
                    resultFile = GenerateTransportQuery(Id);
                    break;

                case 5:
                    fileName = "PassQuery.doc";
                    resultFile = GeneratePassQuery(Id);
                    break;
            }

            if (resultFile != null)
            {
                response.Clear();
                response.AddHeader("pragma", "no-cache");
                response.AddHeader("cache-control", "private");
                response.CacheControl = "no-cache";
                response.ContentType = "application/octet-stream";
                response.AddHeader("Content-Disposition", string.Format("attachment; filename={0}",
                    System.Web.HttpUtility.UrlPathEncode(fileName)));
                response.OutputStream.Write(File.ReadAllBytes(resultFile), 0, (int)(new FileInfo(resultFile)).Length);
                response.End();
            }
        }
        catch (Exception ex)
        { }
    }

在客户端上，我使用 jQuery.post() 将数据发布到处理程序：

var handler = "GetWord.ashx?Type=6";
    var initiationDateFrom = $("#<%=InitiationDateFromTxt.ClientID%>").val();
    var initiationDateTill = $("#<%=InitiationDateTillTxt.ClientID%>").val();
    var queryDateFrom = $("#<%=QueryDateFromTxt.ClientID%>").val();
    var queryDateTill = $("#<%=QueryDateTillTxt.ClientID%>").val();
    var queryNumber = $("#<%=NumberTxt.ClientID%>").val();
    var initiator = $("#<%=InitiatorTxt.ClientID%>").val();
    var state = $("#<%=StateList.ClientID%>").val();
    $.post(handler,
    {
        InitiationDateFrom: initiationDateFrom,
        InitiationDateTill: initiationDateTill,
        QueryDateFrom: queryDateFrom,
        QueryDateTill: queryDateTill,
        QueryNumber: queryNumber,
        Initiator: initiator,
        State: state
    }, function (data) {
       /*here i should save my file*/
    });

我收到“数据”中的二进制字文件，但无法将其保存在客户端上。

上次我使用：

window.location = handler;

但是使用 jQuery.post 它不起作用。

Answer 1

我认为这个问题的答案需要一些更新

我遇到了以下库： https://github.com/eligrey/FileSaver.js

另外，就我而言，它很简单，如下所示：

至少这是适合我的解决方案，我只需要支持它铬（v37）。

前言：

我需要通过post请求下载excel文件。以下是我在阅读了一些规格和问答后解决这个问题的方法。

在我的 ajax 调用设置中，我将响应类型设置为“blob”：

'responseType': 'blob'

一旦收到成功的响应，您将需要进行一些小的 DOM 欺骗来触发下载，如下所示：

var downloadLink = document.createElement('a');
downloadLink.download = 'export.xlsx';
downloadLink.innerHTML = 'Download File';
downloadLink.href = window.webkitURL.createObjectURL(data);
downloadLink.click();

Answer 2

当您使用 AJAX 请求请求数据时，您需要在 JavaScript 中处理它。保存文件将不可用。

您需要创建一个保存参数的表单，而不是使用 AJAX 请求。使用 target 属性将响应定向到隐藏的 iframe，浏览器将提供保存文件的功能。

Answer 3

如上所述，有多种不同的方法。您可能需要先查看 jQuery 文件上传。

其次，您可能需要查看解决方案中包含 flash 的几个选项（ uploadify 或 swfupload）。我过去曾使用过这两种产品，它们令人满意地满足了我的需求，但并不完美。