使用angular.js，asp.net下载文件

debugcn 发表于 Dev

Qwerty

我试图通过单击按钮下载Excel文件（动态生成）。当代码放置在服务器端（Reports.aspx.cs）且单击按钮时有回发时，此功能可以正常工作。但是，现在，前端技术是Angular。因此没有回发。尝试在处理程序中使用相同的下载代码，并且不会发生下载。没有保存提示，没有错误。断点虽然击中handler.cs。

Reports.aspx：

<button type="button" data-ng-click="DownloadExcelReport()">Download Report</button>

ReportsCtrl.js --controller

$scope.DownloadExcelReport = function () {        
        ReportsFactory.DownloadReport($scope.ReportId,$scope.SetId);       
    }

ReportsFactory.js --service

factory.DownloadReport = function (reportId, setId) {
return $http({
   url: "http://localhost:62102/download.ashx?reportId=" + reportId + "&setId=" + setId,
            method: "GET"            
        }).success(function (data, status) {
        }).error(function (data, status) {
        });
}

download.ashx.cs --handler

public void ProcessRequest(HttpContext context)
    {

        int reportId = Convert.ToInt32(context.Request.QueryString["reportId"]);
        int setId = Convert.ToInt32(context.Request.QueryString["setId"]);            
        switch (reportId)
        {
            case 1:
                DataTable dt = GetData(reportId, setId);
                if (dt != null)
                {

                    string FileName = "Responses";

                    ExportExcel obj = new ExportExcel();
                    obj.showGridLines = true;
                    obj.headerStyle = new Style(Color.SlateGray, Color.White, Color.SlateGray, ExcelBorderStyle.Thin);
                    MemoryStream ms = obj.GenerateDocument(dt);
                    HttpContext.Current.Response.Clear();
                    HttpContext.Current.Response.ContentType = "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet";
                    HttpContext.Current.Response.AddHeader("Content-Disposition", "attachment; filename=\"" + FileName + ".xlsx" + "\"");
                    HttpContext.Current.Response.BinaryWrite(ms.ToArray());
                    HttpContext.Current.Response.Flush();
                    HttpContext.Current.Response.End();                        
                }
                break;

        }
    }

编辑：

后来我被告知，当使用Javascript下载时，方法是不同的。您创建一个表单，然后提交带有参数的表单。我已经添加了工作解决方案。

这可能会帮助某人。

Qwerty

ReportsFactory.js --service

factory.DownloadReport = function (reportId, setId) {
        var form = document.createElement("form");
        form.action = "http://localhost:62102/download.asmx/DownloadReport";
        form.method = "POST";
        form.target = "_self";
        var input = document.createElement("input");
        input.type = "text";
        input.name = "params";
        input.value = reportId + "," + setId;
        form.appendChild(input);        
        form.style.display = 'none';
        document.body.appendChild(form);
        form.submit();        
    };

现在使用asmx文件而不是处理程序。

download.asmx.cs

[WebMethod]
public void DownloadReport()
{
   string[] Params = Convert.ToString(HttpContext.Current.Request.Form["params"]).Split(',');
   string FileName = "Reports_";
   int reportId = Convert.ToInt32(Params[0]);
   int setId = Convert.ToInt32(Params[1]);
   DataTable dt = GetData(reportId,setId);
   ExportExcel obj = new ExportExcel();
   MemoryStream ms = obj.GenerateDocument(dt);
   HttpContext.Current.Response.Clear();
   HttpContext.Current.Response.ContentType = "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet";
   HttpContext.Current.Response.AddHeader("Content-Disposition", "attachment; filename=\"" + FileName + ".xlsx" + "\"");
   HttpContext.Current.Response.BinaryWrite(ms.ToArray());
   HttpContext.Current.Response.Flush();
   HttpContext.Current.Response.End();   
}

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。