图片上传-el-upload

<el-upload
          ref="avatarUpload"
          action="http://localhost/stu/user_stu_insertOne" 
          accept=".png,.jpg"
          :show-file-list="false"
          :auto-upload="false" 
          :on-change="handleAvatar"         
        >
        <div class="fromSelectImg">
          <img :src=imageUrl alt="" class="img">
          <!-- <div class="pictureUpload"><img src="../../assets/images/teacherManage/pic.png" alt=""></div> -->
        </div>
        </el-upload>

import avatarInit from '../../../public/icons/user/man.png'
let  imageUrl = avatarInit;

//头像图片
const handleAvatar = (file) =>{
    console.log('上传的file:',file)
    imageUrl = URL.createObjectURL(file.raw)
    avatarFile = file.raw
}

//手动录入教师--包含头像图片
const handleSumbit = async() => { 
  // console.log('ffffffffffffff')
  let formData = new FormData()
  formData.append('avatar',avatarFile)
  formData.append('realName',from.value.realName)
  formData.append('phone',from.value.phone)
  formData.append('userName',from.value.userName)
  formData.append('password',from.value.password)
  formData.append('depart_id',from.value.depart_id)
  const arr = await tea_insertOne(formData)
  console.log(arr.data.code);
  sut.value = arr.data.code;
}