vue 图片上传时file类型的input如何清空

因为项目的需要,所以图片上传没有使用插件而是决定自己写,但在过程中遇到了个小问题,特此记录~
在上传了图片之后,需要清空file类型的input的值,以便下次选择同一张图片的时候可以触发其change方法,刚开始写的代码就是直接将其值置空

event.target.value = '';

这种方法在大部分浏览器中是可以的,当然ie除外,会报如下错误
在这里插入图片描述
这个问题网上的好多解决方法都是克隆一个input,搞得很麻烦,其实只要

event.target.type = 'text' ;
event.target.value = '';

先将其类型改变,然后再清空它的值,在执行点击的时候再将其type改变回来就好啦~~~

  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值