アバターをアップロードしてプレビューし、全体を保存するときにデータをアップロードします

<el-form-item label="客户默认头像">
  <el-upload
     class="user-head-uploader headImg-uploader"
     accept=".jpg,.jpeg,.png,.gif,.JPG,.JPEG"
     action="#"
     :show-file-list="false"
     :on-change="handleUserHeadImgChange"
     :before-upload="beforeHandleUserUpload"
     :http-request="httpRequestUser">
     <img class="userHeadImg headImg" :src="appAccessForm.userHeadImg" alt="">
     <el-button plain size="mini">选择文件</el-button>
   </el-upload>
 </el-form-item>
 httpRequestUser (param) {
    
    
   console.log('httpRequestUser', param)
   this.appAccessForm.userHeadImg = URL.createObjectURL(param.file)
 },

おすすめ

転載: blog.csdn.net/Selina_lxh/article/details/129010675