js 处理返回文件流

今天在处理excel下载时遇到的一个问题,在这里记录一下

项目里在处理excel下载时,客户那边api返回的是文件流,并且这边发送请求时需要设置请求头验证Token,而ajax不能接收处理文件流,所以找了另一种方法

<script type="text/javascript">
	function download() {

	    var xmlResquest = new XMLHttpRequest();
	    xmlResquest.open("POST", "/eksoft/fileUpload/download", true);
	    xmlResquest.setRequestHeader("Content-type", "application/json");
	    xmlResquest.setRequestHeader("Authorization", "Bearer 6cda86e3-ba1c-4737-972c-f815304932ee");
	    xmlResquest.responseType = "blob";
	    xmlResquest.onload = function (oEvent) {
			
                var content = xmlResquest.response;
                var elink = document.createElement('a');
                elink.download = "test.xlsx";
                elink.style.display = 'none';
                var blob = new Blob([content]);
                elink.href = URL.createObjectURL(blob);
                document.body.appendChild(elink);
                elink.click();
                document.body.removeChild(elink);
            };
            xmlResquest.send();
	}
</script>

  • 4
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 5
    评论
在前端代码中,你可以通过使用`XMLHttpRequest`对象来获取Java后台返回文件,并进行处理。以下是一个示例代码: ```javascript function downloadExcel() { var xhr = new XMLHttpRequest(); xhr.open('GET', 'your-export-url'); xhr.responseType = 'blob'; xhr.onload = function() { if (xhr.status === 200) { var blob = new Blob([xhr.response], { type: 'application/vnd.ms-excel' }); var fileName = 'your-file-name.xls'; if (window.navigator.msSaveOrOpenBlob) { window.navigator.msSaveBlob(blob, fileName); } else { var url = window.URL.createObjectURL(blob); var a = document.createElement('a'); a.href = url; a.download = fileName; a.click(); window.URL.revokeObjectURL(url); } } }; xhr.send(); } ``` 在这个示例代码中,我们使用了`XMLHttpRequest`对象来获取Java后台返回文件,并设置了`responseType`为`blob`。然后,我们在`onload`事件中对返回文件进行处理。 如果返回的状态码为200,我们就将文件转换成`Blob`对象,并指定文件类型为Excel文件。如果浏览器支持`msSaveOrOpenBlob`方法,我们就使用该方法下载文件。否则,我们通过创建一个`a`标签,并设置`href`和`download`属性来下载文件。最后,我们通过`URL.revokeObjectURL`方法释放URL对象。 需要注意的是,这里的`your-export-url`是你的Java后台导出Excel的接口地址,`your-file-name.xls`是你要下载的文件名。另外,如果你使用的是jQuery,也可以使用它提供的`$.ajax`方法来获取文件并进行处理

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值