Vue上传头像到服务器加回显照片

   <div class="update">
      <input
        type="file"
        @change="uploadFile($event)"
        ref="avatarInput"
        accept="image/*"
      />
    </div>

<script>
 methods: {
    uploadFile(e) {
      var file = e.target.files[0];
      var formData = new FormData();
      //这里是生成链接需传的参数
      formData.append("file", file);
      formData.append("key", "Gn1xVdagWO");
      this.$axios({
          method: "post",
          url:"uploadFile",
          data: formData	
        })
        .then((res)=> {
        //获取链接再赋值就行了
        console.log(res.data.info.url)
        });
    },
</script>