springboot+vue实现文件上传下载

本文实例为大家分享了springboot+vue实现文件上传下载的具体代码，供大家参考，具体内容如下

一、文件上传（基于axios的简单上传）

所使用的技术：axios、springboot、vue;
实现思路：通过h5 ：input元素标签进行选择文件，获取所选选择的文件路径，new fromdata对象，设置fromdata的参数，设置axios对应的请求头，最后通过axios发送post请求后端服务。后端服务同过multipartfile进行文件接收。具体代码如下：

前端代码：

1、创建vue对象

2、实现上传组件

在input标签中添加改变事件监听，当发生改变时调用up方法。

后端代码：

上传文件代码

二、文件下载

通过response输出流返回文件内容，核心代码设置下载文件的名字（res.setheader(“content-disposition”, “attachment;filename=” + java.net.urlencoder.encode(realfilename.trim(), “utf-8”));）

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。