关于Angularjs在$http.Post请求Response的Header中取不到值的问题

zfy3042 2018-09-12 11:11:21

我想用Angularjs与后端的WebAPI分离,实现跨域处理。
我想使用http请求进行文件下载，在后端代码将文件名称放置在Content-Disposition属性中。但是前端就是拿不到Content-Disposition属性，用getAllResponseHeaders也只能返回Content-Type这一个字段值。有高手帮忙解决一下。

后端Global.asax代码：



                HttpContext.Current.Response.AddHeader("Access-Control-Allow-Origin", “*”);

                if (HttpContext.Current.Request.HttpMethod == "OPTIONS")

                {

                    HttpContext.Current.Response.AddHeader("Access-Control-Allow-Headers", "x-HighCloud-instance,Origin, Content-Type ,Content-Disposition, Authorization, Accept, X-Requested-With");

                    HttpContext.Current.Response.AddHeader("Access-Control-Allow-Methods", "POST, GET, OPTIONS");

                    HttpContext.Current.Response.AddHeader("Content-Type", "text/html; charset=utf-8");

                    HttpContext.Current.Response.AddHeader("Content-Disposition", "11");

                    HttpContext.Current.Response.AddHeader("Access-Control-Max-Age", "1728000");

                    HttpContext.Current.Response.End();

                }

后端接口代码：



                var response = this.Request.CreateResponse(HttpStatusCode.OK);

                response.Content = new ByteArrayContent(ms.ToArray());

                response.Content.Headers.ContentDisposition = new ContentDispositionHeaderValue("attachment");

                response.Content.Headers.ContentDisposition.FileName = HttpUtility.UrlEncode(file.RealName);

                //response.Content.Headers.ContentType = new System.Net.Http.Headers.MediaTypeHeaderValue(contentType);

                response.Content.Headers.Add("Content-Type2", "attachment;filename=" + HttpUtility.UrlEncode(file.RealName));

                response.Content.Headers.Add("Content-Type", contentType);

                return response;



                       Http.GetSource("/api/File/Download?Account=" + Variable.Account + "&Token=" + item.ID)

                      .then(function (response) {

                                if (response.status == 200) {

                                        var Disposition = response.headers("Content-Disposition");

                                        console.log("headers: ", response.headers);

                                        fileName = Common.Method.GetFileNameForStream(response, "文件名称.xls");

                                        var data = new Blob([response.data], { type: response.headers('Content-Type') });

                                        FileSaver.saveAs(data, fileName);

                                  

                                }

                            });

...全文