vue和flask项目实战

Question

我现在在做vue和flask项目，需要实现文件上传功能，但是我flask获取不到vue传递的文件信息，准确说vue没有把值传递过去

用代码块功能插入代码，请勿粘贴截图

Answer 1

<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>