Springboot导出文件，前端下载文件

最新推荐文章于 2025-04-17 18:26:29 发布

coderping

最新推荐文章于 2025-04-17 18:26:29 发布

阅读量8.4k

点赞数 1

分类专栏： Springboot axios

本文链接：https://blog.csdn.net/coderping/article/details/105491972

版权

Springboot 同时被 2 个专栏收录

17 篇文章

订阅专栏

axios

5 篇文章

订阅专栏

本文介绍了一个后端文件下载的实现方法，使用Java的SpringMVC框架通过POST请求提供文件下载服务，并详细展示了如何在前端利用Axios进行文件流的接收和处理，包括设置响应类型、字符编码及文件名的编码处理。

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

后端代码：

可以把请求设置为post，我这里是Get

  @RequestMapping(value = "/download", method = RequestMethod.POST)
    public void download(HttpServletRequest request, HttpServletResponse res) throws Exception {
        File excelFile = new File("/Users/i501695/GitHUbProject/EN_ProductIntergration/databaseclient/src/main/resources/Files/ProductTemplateCopy.xlsx");
        res.setCharacterEncoding("UTF-8");
        String realFileName = excelFile.getName();
        res.setHeader("content-type", "application/octet-stream;charset=UTF-8");
        res.setContentType("application/octet-stream;charset=UTF-8");
        //加上设置大小下载下来的.xlsx文件打开时才不会报“Excel 已完成文件级验证和修复。此工作簿的某些部分可能已被修复或丢弃”
        res.addHeader("Content-Length", String.valueOf(excelFile.length()));
        try {
            res.setHeader("Content-Disposition", "attachment;filename=" + java.net.URLEncoder.encode(realFileName.trim(), "UTF-8"));
        } catch (UnsupportedEncodingException e1) {
            e1.printStackTrace();
        }
        byte[] buff = new byte[1024];
        BufferedInputStream bis = null;
        OutputStream os = null;
        try {
            os = res.getOutputStream();
            bis = new BufferedInputStream(new FileInputStream(excelFile));
            int i = bis.read(buff);
            while (i != -1) {
                os.write(buff, 0, buff.length);
                os.flush();
                i = bis.read(buff);
            }
        }catch (Exception e){
            e.printStackTrace();
        }finally {
            if (bis != null) {
                try {
                    bis.close();
                } catch (IOException e) {
                    e.printStackTrace();
                }
            }
        }
    }

前端伪代码结合Axios（核心代码一样，只是结合了Axios）

   Axios({ // 用axios发送post请求
                method: 'post',
                url: 'http://127.0.0.1:8762/dataService/download', // 请求地址
                data: formData, // 参数
                responseType: 'blob' // 表明返回服务器返回的数据类型
            })
                .then((res) => { // 处理返回的文件流
                    let blob = new Blob([res.data], {type: res.data.type})
                    const fileName = 'ProductTemplateCopy.xlsx';
                    let downloadElement = document.createElement('a')
                    let href = window.URL.createObjectURL(blob); //创建下载的链接
                    downloadElement.href = href;
                    downloadElement.download = fileName; //下载后文件名
                    document.body.appendChild(downloadElement);
                    downloadElement.click(); //点击下载
                    document.body.removeChild(downloadElement); //下载完成移除元素
                    window.URL.revokeObjectURL(href); //释放blob
                    message.success('upload successfully.');
            })
            .catch(function (error) {
                console.log(error);
            });