让我想到了几年前我也做过类似的系统,不过前端不是 vuejs。
前后端交互可以使用表单提交,或者 AJAX 的方式,推荐使用后者。
使用 FormData 配合 axios 库,非常方便,前端使用任何框架都可以。后端也无论什么框架和语言都可以。
类似下面这样的 input 添加一个事件
调用下面这个方法 FormData 并添加文件,然后用 axios 上传就可以了。
update(e){
let file = e.target.files[0];
let param = new FormData(); //创建 FormData 对象
param.append('file',file); //通过 append 添加数据
let config = {
headers:{'Content-Type':'multipart/form-data'}
}; //添加请求头
axios.post('http://127.0.0.1:8080/upload', param, config).then(response=>{
console.log(response.data);
})
}
找到了我以前做的那个 Demo