angularJS通过post方法下载excel文件

时间：2023-12-13 12:17:32

最近工作中遇到，要使用angularJS的post方法来下载excel的情况。网上找到一个帖子：http://*.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)方法，是防止被浏览器当插件屏蔽弹出连接

相关文章