vant uploader上传图片

<van-cell  title="头像" is-link center @click="deletable=true">
        <template #default>
          <van-uploader v-model="fileList" :max-count="1" :deletable="deletable" :after-read="afterRead"/>
        </template>
     </van-cell>


<script>
export default{
    data(){
        deletable:false,
        fileList:[]
    },
    methods:{
        afterRead(file) {
      // 此时可以自行将文件上传至服务器
      console.log(file);
      var fd = new FormData()
      fd.append('file',file.file)
       this.$axios({
        method:'post',
        url:'/api/market/login/uploadIcon',
        data:fd,
        headers: {
          'Content-Type': 'multipart/form-data'
        }
      }).then(res=>{
        console.log(res)
        if(res.data.code==200){
          this.$toast.success(res.data.msg)
          this.avactor=res.data.data //后台返回的是新的图片路径
        }else{
          this.$toast.fail(res.data.msg)
        }
      })
    },
    }
}
</script>