一.如何实现在注册时点击头像时实现更改图片的操作
1.将img和input[type="file"]放在同一个div中,利用绝对定位,让两者拥有相同的大小,将input的默认样式变为透明,让img覆盖的input之上;img中有一个属性,accept,可以指定上传的img的格式
accept=“image/gif,image/jpg”... 可以指定图片的格式
accept="image/*"表示可以接受任何格式,不限制图片的格式
<div class="avatar-right">
<img id="avatarImg" :src="chaAvatar" width="80" height="80" alt="点击更换头像" accept="image/*">
<input type="file" id="avatarInput" @change="changeAvatar" name="mypic" ref="fileUpload" capture="camera">
</div>
2.将头像显示出来
changeAvatar(e){
//将头像的文件上传到后台的服务器端
var form = new FormData();
form.append('mypic