Springboot返回文件流到前端(React+Axios)

12 篇文章 0 订阅
5 篇文章 0 订阅

后端代码

返回outputStream流到前端

    @RequestMapping(value = "/migration",method = RequestMethod.POST)
    public void migration(HttpServletResponse response, @RequestParam("files")MultipartFile[] multipartFile) throws Exception {
        String codedFileName = "EN";
        response.setHeader("Content-Disposition", "attachment;filename=" +             codedFileName + ".xml");
        // 响应类型,编码
        response.setContentType("application/octet-stream;charset=UTF-8");
        // 形成输出流
        OutputStream osOut = response.getOutputStream();
        File xmlFileC = new            
 File("/databaseclient/src/main/resources/Files/EN2.xml");
        InputStream input = null;
        try {
            input = new FileInputStream(xmlFileC);
            byte[] buf = new byte[1024];
            int bytesRead;
            while ((bytesRead = input.read(buf)) > 0) {
                osOut.write(buf, 0, bytesRead);
            }
        } finally {
            input.close();
            osOut.close();
        }
    }

Axios代码

 Axios.post('http://localhost:8762/dataService/migration',
            formData)
            .then((response) => {
                const content = response.data;
                const blob = new Blob([content]);
                const fileName = 'EN.xml';
                if ('download' in document.createElement('a')) { // 非IE下载
                    const elink = document.createElement('a');
                    elink.download = fileName;
                    elink.style.display = 'none';
                    elink.href = URL.createObjectURL(blob)
                    document.body.appendChild(elink);
                    elink.click();
                    URL.revokeObjectURL(elink.href);// 释放URL 对象
                    document.body.removeChild(elink)
                } else { // IE10+下载
                    navigator.msSaveBlob(blob, fileName)
                }
                this.setState({
                    fileList: [],
                    uploading: false,
                });
                message.success('upload successfully.');
            })
            .catch(function (error) {
                console.log(error);
            });
        };

这样返回的文件就能按照EN.xml下载了

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值