原生input上传图片

  <input
      type="file"
      ref="fileEdit"
      multiple
      accept="image/gif,image/jpeg,image/jpg,image/png,image/svg"
      @change="eidtHead"
      style="display: none"
    />
   <img src="服务器返回的地址" alt="" />
   <button @click="toEdit">修改按钮</button>


 methods: {
    //修改头像
    toEdit() {
      //点击按钮 触发input点击事件
      this.$refs.fileEdit.click()
    },
    eidtHead() {
      let filet = new FormData()// new 文件对象
      filet.append('file', e.target.files[0])
      let params = {
        fileName: e.target.files[0].name,
        token: sessionStorage.getItem('token')
      }
      //接口  传文件对象 和需要的参数
      photoFileUpload(filet, params).then(res => {})
    }
  }