AngularJs接受 ResponseEntity<byte[]>二进制流,实现下载文件

后台使用SpringMVC 的 ResponseEntity<byte[]> 参数返回类型,前台使用AngularJs请求。代码如下

后台代码:

@RequestMapping("/down")
@ResponseBody
public ResponseEntity<byte[]> expoertExcel(..) throws IOException{
	     ...
        return new ResponseEntity<byte[]>(FileUtils.readFileToByteArray(file), httpheaders, HttpStatus.CREATED);
}

前台angularJs接受方式有两种,一种是可以预先设置下载文件的名称,一种是不设置的。但是两种方法都是使用的存储二进制对象blob来实现下载的

第一种模拟连接触发(可以设置下载的文件名称):  

	$http({
		method : 'POST',
		url : url,
		data : data,
		headers : {
			'Content-type' : 'application/json;charset=UTF-8'
		},
		responseType: 'arraybuffer',
		transformRequest : function(obj) {
			return JSON.stringify(obj);
		}
	}).success(function (data) {  
                //type对应着所需要下载的文件类型
	        var blob = new Blob([data], {type: "application/vnd.ms-excel"});  
	        var objectUrl = URL.createObjectURL(blob);  
	        var a = document.createElement('a');  
	        document.body.appendChild(a);  
	        a.setAttribute('style', 'display:none');  
	        a.setAttribute('href', objectUrl);  
                //下载的文件名称
	        var filename="Excel.xls";  
	        a.set`Attribute('download', filename);  
	        a.click();  
	        URL.revokeObjectURL(objectUrl);  
	        }).error(function (data) {  
                    ....
	       });

第二种方式:

 $http({...}).success(function (data) {  
	           var blob = new Blob([data], {type: "application/vnd.ms-excel"});  
	           var fileUrl = URL.createObjectURL(blob);  
	           window.open(fileUrl);
	       })
			

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值