// 显示图片的地方 一开始隐藏,上传后显示
// 图片的 src 绑定在 vue data 里
x
// input是没有大小的,直接点击label触发
// 点击上传图片 上传后隐藏这个label
上传头像
show_pic(e) {
f = e.target.files[0]
var reads= new FileReader();
reads.readAsDataURL(f);
let that = this
reads.οnlοad=function (e) {
// 将图片赋值给 vue data 里的 src 用以渲染到页面上
that.src=this.result;
};
this.is_show_pic = true
this.isHide = true
},
// 删除已经上传的图片
delete_pic() {
// 但是只是清空了 vue data 的数据
// 如果现在再次上传图片show_pic函数就进不去,除非重新刷新,
// 看上去好像是应该把input里的file也一起清空?
// 但是这是只读属性操作不了
// 这里应该怎么做呢
this.src = ''
},