element-ui上传图片及表单信息

表单代码

<div id="personal-center" class="personal-center">
    <div id="fix_person">
        <el-dialog title="修改个人信息" :visible.sync="dialogFormVisible4Edit">
            <el-form ref="dataEditForm" :model="formData" label-position="right"
                     label-width="100px">
                <el-row>
                    <img style="width: 100px;height: 100px;border-radius: 50%"
                         th:src="@{|/img/user/${session.currUser.userImg}|}">
                </el-row>
                <el-row>
                    <el-col :span="12">
                        <el-form-item label="用户名">
                            <el-input v-model="formData.uname"/>
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="12">
                        <el-form-item label="用户密码">
                            <el-input v-model="formData.pwd"/>
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="12">
                        <el-form-item label="用户邮箱">
                            <el-input v-model="formData.email"></el-input>
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="12">
                        <el-form-item label="头像修改">
                            <el-upload action="" :on-change="handleelchange" :limit="1" :auto-upload="false"
                                       list-type="picture-card">
                                <i class="el-icon-plus"></i>
                            </el-upload>
                        </el-form-item>
                    </el-col>
                </el-row>
            </el-form>
            <div slot="footer" class="dialog-footer">
                <el-button @click="cancel()">取消</el-button>
                <el-button type="primary" @click="handleEdit()">确定</el-button>
            </div>
        </el-dialog>
    </div>

vue方法

handleEdit() {
                let form = new FormData();
                form.append("uname", this.formData.uname);
                form.append("pwd", this.formData.pwd);
                form.append("email", this.formData.email);
                // form.append("id", this.formData.id);
                axios.put("/user/fix", form).then(value => {
                    console.log(value.data);
                    if (value.data) {
                        this.dialogFormVisible4Edit = false;
                        this.$message.success("修改成功");
                    } else {
                        alert("修改失败");
                    }
                })

            },
            //上传图片
            handleelchange(file, fileList) {
                console.log(file, fileList)
                let formdata = new FormData()
                fileList.map(item => { //fileList本来就是数组，就不用转为真数组了
                    formdata.append("file", item.raw)  //将每一个文件图片都加进formdata
                })
                axios.post("/user/fixPhoto", formdata).then(res => {
                    console.log(res)
                })
            },