H5W3
当前位置:H5W3 > 其他技术问题 > 正文

【element-ui】关于element el-upload上传怎么获取后端返回的数据

想要上传头像,用了element的el-upload方法,输入端口地址上传成功后,要怎么接受后端传回来的值?

<el-form-item label="头像">
   <el-upload
     class="avatar-uploader"
     action="http://192.168.1.47:9997/api/account/Upload"
     :show-file-list="false"
     :on-success="handleAvatarSuccess"
     :before-upload="beforeAvatarUpload">
     <img v-if="imageUrl" :src="imageUrl" class="avatar">
     <i v-else class="el-icon-plus avatar-uploader-icon"></i>
   </el-upload>
 </el-form-item>

后端返回了一个值

clipboard.png

这个值我要怎么取获取,最好有代码提示,本人前端渣渣,谢谢大佬

回答:

on-success是文件上传成功时的钩子,你可以在这个钩子中获取到后端的返回数据哇

...
:on-success="handleAvatarSuccess"
...
methods: {
    handleAvatarSuccess(response, file, fileList) {
        //response这个
    }
}

回答:

   handleAvatarSuccess(res, file) {
       //res就是后端返回的值
   },

本文地址:H5W3 » 【element-ui】关于element el-upload上传怎么获取后端返回的数据

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址