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)方法,是防止被浏览器当插件屏蔽弹出连接

				
时间: 2024-11-06 09:26:52

angularJS通过post方法下载excel文件的相关文章

前端下载excel文件功能的三种方法

1 从后端接收json数据,前端处理生成excel下载 JsonExportExcel的github地址:https://github.com/cuikangjie/JsonExportExcel 这种方式比较适用于该数据需要能够导出下载并且同时要展现在页面的场景 2 通过form表单接收文件 如果后端已经处理成了excel,就不需要前端在处理生成,但是Ajax能够返回的数据格式只能为html,script,json,xml,不能直接接受excel文件,如果你直接通过ajax去获取文件就会报错.

jsp下载excel文件

jsp下载excel文件的的实现方法很多,今天也遇到这个问题,乱敲了一阵,终于搞定了,记下来和朋友们分享吧. 假设需要下载excel文件的jsp页面名为:down.jsp 对应的后台action名为:downExcel.java(用struts实现,其他框架也类似) 在downExcel.java的添加downAction方法,实现下载步骤 public ActionForward downAction(ActionMapping mapping, ActionForm form,    Htt

解决:下载EXCEL文件,自动用迅雷下载aspx

解决:下载EXCEL文件,自动用迅雷下载aspx if (Request.QueryString["id"] != null && !string.IsNullOrEmpty(Request.QueryString["id"].ToString())) { if (Request.QueryString["oid"] != null && !string.IsNullOrEmpty(Request.QueryStr

C# 之 下载EXCEL文件,自动用迅雷下载aspx

在浏览器中导出 Excel 得时候,如果浏览器绑定了迅雷,则会下载aspx文件. 解决:下载EXCEL文件,自动用迅雷下载aspx if (Request.QueryString["id"] != null && !string.IsNullOrEmpty(Request.QueryString["id"].ToString())) { if (Request.QueryString["oid"] != null &&am

下载EXCEL文件Utils

import jxl.*; import jxl.biff.DisplayFormat; import jxl.format.Alignment; import jxl.format.BoldStyle; import jxl.format.Border; import jxl.format.BorderLineStyle; import jxl.format.*; import jxl.format.VerticalAlignment; import jxl.write.*; import j

【小坑】java下载excel文件

excel文件的导入导出是很常见的功能,这次做了个下载的功能,踩了一些坑,记下来避免以后重复踩…… 1.inputstream序列化问题 Could not write JSON document: No serializer found for class java.io.FileDescriptor and no properties discovered to create BeanSerializer 客户端调取服务端上传,从前台获取的file文件中拿到inputstream,做一些判断

NodeJs实现下载Excel文件

nodejs作为一门新的语言,报表功能也不是十分完善. (1).js-xlsx : 目前 Github 上 star 数量最多的处理 Excel 的库,支持解析多种格式表格XLSX / XLSM / XLSB / XLS / CSV,解析采用纯js实现,写入需要依赖nodejs或者FileSaver .js实现生成写入Excel,可以生成子表Excel,功能强大,但上手难度稍大.不提供基础设置Excel表格api例单元格宽度,文档有些乱,不适合快速上手: https://github.com/S

下载Excel文件功能通过火狐浏览器下载没有后缀名

最近遇到一个问题,用导出Excelwe文件使用Chrome浏览器是没有问题的,但是用火狐浏览器会出现下载的Excel文件没有后缀名.检查了很多东西都没找到原因.最后和之前的下载功能做对比发现,Excel的文件名不一样,之前的Excel文件名没有时间戳 ,文件名是:xxx2019-08-12 12_23_23.xls,通过Chrome和火狐对比发现,火狐会把空格之后的部分截取掉,导致文件后缀名也被截取掉了.解决办法是文件改为xxx2019-08-12_12_23_23.xls,这样问题就解决了.

MVC下载Excel文件:js接受乱码 简单处理办法

在做考试系统的时候,需要向题库里面批量导入试题.所以在导题之前需要下载一个Excel模版. 在MVC中下载模版,需要创建一个Excel模版,然后发到前台.即点击之后,弹出一个下载框,提示下载(保存位置). 现象:在MVC中,点击下载模版按钮,不提示下载. 原因:js接受 FileResult类型乱码. 如果是单纯的生成一个特定的Excel的文件,然后发到前台,即没有参数的下载.如果是这样的话直接让Controller创建,返回一个FileResult文件,前台就直接弹窗提示了. 但是下载导入模版