POST 请求实现任意的文件下载

JAVA配合POST请求实现任意的文件下载(含前端代码)

一、前言

在最近项目开发中,有一需求是根据请求参数构建文件后,下载下来。

  在我研究文件下载方式中,发现大部分文件请求获取是以Get请求为主的。但这种情况大部分是文件已经存在,只需要直接获取即可。
  因此本次记录一下依靠POST请求进行文件的下载和返回。

二、代码

  • 前置工作

    • JAVA:Springboot、SpringMVC、hutool。
    • JS:vue、axios。
    • 文件:D盘任一文件,文中准备了一个zip文件。
  • JAVA

@RestController
@RequestMapping("/api/file")
public class FileController {

    @PostMapping
    public void getFile(@RequestBody PostEntity entity, HttpServletResponse response) throws IOException {
        File file = new File("E:\\aa.zip");
        FileReader reader = new FileReader(file); // 使用hutool的开发工具包
        byte[] bytes = reader.readBytes();
        response.addHeader("content-type", "application/x-msdownload");//浏览器自己辨别文件类型
        response.addHeader("Content-Disposition", "attachment; filename=" + file.getName());
        response.addHeader("Content-Length", String.valueOf(bytes.length));
        ServletOutputStream outputStream = response.getOutputStream();
        outputStream.write(bytes);
        outputStream.flush();
        outputStream.close();
    }

}
  • 前端

this.$http
        .post("http://localhost:8000/api/file",
          {name : '123'},
		  {
             responseType: 'blob', // 必填。
          }
        ).then(res => {
          // 实质通过a链接触发文件下载
          let data = res.data
          let url = window.URL.createObjectURL(new Blob([data]))
          let link = document.createElement('a')
          link.style.display = 'none'
          link.href = url
          link.setAttribute('download', 'form.zip') // 需要文件名字
          document.body.appendChild(link)
          link.click()
        })

三、不足

下载的文件的名字为js代码设置的form.zip而不是后端设置的文件名。

评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值