我现在在做vue和flask项目,需要实现文件上传功能,但是我flask获取不到vue传递的文件信息,准确说vue没有把值传递过去
<template>
<el-container>
<el-form :inline="true" style="margin-top:20px;">
<el-col :span="2">
<el-upload :file-list="fileList" action="aaa" :name="name" :limit="1" :http-request="uploadExcelPost">
<el-button type="primary">导入Excel</el-button>
</el-upload>
</el-col>
</el-form>
</el-container>
</template>
<script>
// import qs from "qs"
export default {
name:"MainVue",
data() {
return {
fileList: [],
name: ''
}
},
methods:{
uploadExcelPost(params) {
//实例化一个formdata
//定义一个FormData类
console.log(params.file)
console.log("----------------------------")
let fileReq = new FormData();
//把照片穿进去
fileReq.append('excel', params.file);
//使用Axios发起Ajax请求
this.request.post('excel/import/',fileReq).then(res => {
// 根据code判断是否成功
if (res.code === 1) {
//把照片给image
this.tableData = res.data;
//计算总共多少条
this.total = res.data.length;
//分页
this.getPageStudents();
//弹出框体显示结果
this.$alert('本次导入完成! 成功:' + res.success +'失败:'+ res.error
, '导入结果展示', {
confirmButtonText: '确定',
callback: () => {
this.$message({
type: 'info',
message: "本次导入失败数量为:" + res.error + ",具体的学号:"+res.errors,
});
}
});
//把失败明细打印
console.log("本次导入失败数量为:" + res.error + ",具体的学号:");
console.log(res.errors);
} else {
//失败的提示!
this.$message.error(res.msg);
}
}).catch(err => {
console.log(err);
this.$message.error("上传Excel出现异常!");
})
},
}
}
</script>
确定路由是对的吗 后端接收到请求了吗