angularJS通过post方法下载excel文件
Posted 系统攻城狮
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了angularJS通过post方法下载excel文件相关的知识,希望对你有一定的参考价值。
最近工作中遇到,要使用angularJS的post方法来下载excel的情况。网上找到一个帖子:http://stackoverflow.com/questions/22447952/angularjs-http-post-convert-binary-to-excel-file-and-download ,改动了里面部分代码搞定。
详细代码:
$http.post($rootScope.restful_api.last_output_excel,body_data,{responseType: ‘arraybuffer‘}).success(function(data){ var blob = new Blob([data], {type: "application/vnd.ms-excel"}); var objectUrl = URL.createObjectURL(blob); var aForExcel = $("<a><span class=‘forExcel‘>下载excel</span></a>").attr("href",objectUrl); $("body").append(aForExcel); $(".forExcel").click(); aForExcel.remove(); })
经验总结:
1.post的方法里要加responseType: ‘arraybuffer‘参数,不然下载的excel会乱码(这点一开始没注意到,费力好久)
2.使用{type: "application/vnd.ms-excel"}的写法,可以保存为xls格式的excel文件(兼容老版本)。而使用“application/vnd.openxmlformats-officedocument.spreadsheetml.sheet”则会保存为xlsx
3.使用增加节点调用click方法,而不使用帖子中的window.open(objectUrl)方法,是防止被浏览器当插件屏蔽弹出连接
以上是关于angularJS通过post方法下载excel文件的主要内容,如果未能解决你的问题,请参考以下文章
POI导出Excel不弹出保存提示_通过ajax异步请求(post)到后台通过POI导出Excel
使用 web api 和 angularjs 下载 excel 文件