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

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

阅读 29.5k
2 个回答

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

...
:on-success="handleAvatarSuccess"
...
methods: {
    handleAvatarSuccess(response, file, fileList) {
        //response这个
    }
}
   handleAvatarSuccess(res, file) {
       //res就是后端返回的值
   },
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题