Spring Boot+AngularJS导出excel

大浪中航行

于 2016-09-06 09:04:06 发布

阅读量4.7k

点赞数

CC 4.0 BY-SA版权

分类专栏： spring-boot angularjs j2ee 文章标签： Excel导出 Angular Spring Boot

本文链接：https://blog.youkuaiyun.com/dalangzhonghangxing/article/details/52446688

本文介绍了一个在Spring Boot和AngularJS项目中实现考题导出的方法。通过AngularJs异步请求，利用Blob对象和file-saver插件，确保在Chrome、IE和猎豹浏览器中都能正常导出Excel文件。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

这次在项目开发中，需要实现考题导出，由于本项目是使用Spring Boot+AngularJs的开发模式，原来那种表单式的请求方式不是很便捷，以下是基于AngularJs异步请求的代码。

首先是JS代码

function exportExam() {
            $http({
                url: url + "export",
                responseType: 'arraybuffer'
            }).success(function (res) {
                var blob = new Blob([res], {type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;"});
                //var blob = new Blob([res], {type: "application/octet-stream"});  这种类型的转换同样可行
                saveAs(blob, "考题信息.xlsx");
            });
        }

这里需要注意三点：1、要在http的请求中将responseType设置为‘arraybuffer’类型，因为后台会将生成的excel转换成Byte数组并传送到前台

2、经过博主测试，Blob的类型为以上两种都可以

3、为了更好的兼容浏览器，我们在这里使用了saveAs方法，这个方法是file-saver这个插件提供的

后台代码