用FileReader的方式上传头像

#用FileReader的方式上传头像
作为一个可以登录的网站，上传头像的功能是必要的,今天自己使用了FileReader（异步读取文件）的方式进行实现，来记录一下实现的过程与一下问题。

首先是HTML部分的代码
    `
  
     <div class="profilePicture">
      <input type="file"class="file" id="fileImg"></input>
      <label for="fileImg"  @click="upImg()">上传</label>
      </div> `

这里使用label-for的方式在头像上传的旁边绑定一个说明字样'上传'，来引导用户点击上传来执行代码.input:[type:'file']可以选择文件进行上传。

然后是vue中的JS代码,每一步的功能用注释进行了说明

    `        upImg(e){
                      let input = document.getElementById('fileImg')
                //当选择了图片文件或文件发生改变时出发'fileImg'的onchange事件函数。
                      input.οnchange=(e)=>{
                //获取选取的图片，详细见说明1