vue 头像上传

      <div class="right">
         <div class="headerImg">
            <input type="file" accept="image/png,image/gif,image/jpeg" @change="changeImage($event)">
            <img :src="formInfo.avatarPath" alt="">
         </div>
      </div>  

  //上传图片
     changeImage(e,row){
       var avatarImg = e.target.files[0]
       var avatarData = new FormData();
			 avatarData.append('file', avatarImg);
        uploadImg(avatarData).then(res=>{

        }) 
     },

  .right{
    width: 50%;
    .headerImg{
      width: 21.428571rem;
      height: 21.428571rem;
      border-radius: 50%;
      background-color: #ccc;
      position: relative;
    }

    .headerImg input{
      width: 21.428571rem;
      height: 21.428571rem;
      border-radius: 50%;
      background-color: #ccc;
      outline: none;
      opacity: 0;
      position: absolute;
    }
    img{
      width: 100%;
      height: 100%;
      border-radius: 50%;
    }
  }