qq_16907023 2017-04-27 10:22 采纳率: 0%
浏览 1213
已结题

Angularjs中下载WebAPI返回的字节数组

因工作要求需要实现在后台(WebAPI)生成excel再通过前台(Angularjs)下载。
excel的生成在后台是通过epplus实现的,前台下载excel,在参考了网上很多资料后,以下是我写的例子:

1.webapi主要代码

图片说明

图片说明

以上截图是webapi向前台返回二进制流的代码截图,其中filecontent是epplus生成的excel经过GetAsByteArray函数获得的字节数组

、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、

2.下载的指令

图片说明
图片说明

指令中reponseType指定为arraybuffer,保存文件是通过FileSaver来实现的

、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、

3.界面中指令的应用

 <button class="btn btn-xs btn-addon btn-info m-l-xs" down-file="/ajax/Order/ExportToExcel" down-file-type="xlsx" ng-model="pageTable"><i class="fa fa-file-excel-o"></i>导出</button>

、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、

4.调试时开发者工具中的截图

图片说明

图片说明

、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、

5.点击导出后会下载一个excel文件,打开excel后发现excel中并没有我想下载的内容,只有下图中的数据

图片说明

、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、
6.问题
网上查了很多资料,angular下载文件的思路基本都是这样的(指定reponseType=arraybuffer、通过Blob或者模拟a标签的方式下载等),仔细对比并没有发现问题所在,跪求大神指点问题所在或者思路~

检查webapi返回的二进制流的长度觉得应该没有问题,succes回调中headers()["x-filename"]并没有获取到值,感觉是webapi返回数据方式或者angularjs接收数据方式有问题

追加描述:

succes回调中追加console.log(headers());

图片说明

headers中的数据明显与webapi中不一样
不确定是否与这相关

  • 写回答

2条回答 默认 最新

  • devmiao 2017-04-28 00:21
    关注
    评论

报告相同问题?

悬赏问题

  • ¥15 安卓adb backup备份应用数据失败
  • ¥15 eclipse运行项目时遇到的问题
  • ¥15 关于#c##的问题:最近需要用CAT工具Trados进行一些开发
  • ¥15 南大pa1 小游戏没有界面,并且报了如下错误,尝试过换显卡驱动,但是好像不行
  • ¥15 没有证书,nginx怎么反向代理到只能接受https的公网网站
  • ¥50 成都蓉城足球俱乐部小程序抢票
  • ¥15 yolov7训练自己的数据集
  • ¥15 esp8266与51单片机连接问题(标签-单片机|关键词-串口)(相关搜索:51单片机|单片机|测试代码)
  • ¥15 电力市场出清matlab yalmip kkt 双层优化问题
  • ¥30 ros小车路径规划实现不了,如何解决?(操作系统-ubuntu)