在vue项目中使用springboot框架如何实现一个文件上传下载功能-创新互联

本篇文章为大家展示了在vue项目中使用springboot框架如何实现一个文件上传下载功能，内容简明扼要并且容易理解，绝对能使你眼前一亮，通过这篇文章的详细介绍希望你能有所收获。

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

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

前端代码：

1、创建vue对象

import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
import http from 'axios'
Vue.config.productionTip = false;
Vue.prototype.$http=http;
window.vm=new Vue({
 router,
 store,
 render: h => h(App)
}).$mount('#app')