vue 保存时清空iuput_vue做一个上传头像,可以清除 input 里面的 file 吗?

// 显示图片的地方 一开始隐藏,上传后显示

// 图片的 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 = ''

},

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值