关于<input type=“file“/>两次上传同一文件不显示

在Vue项目中,使用inputtype=file组件上传视频,删除后无法重新选择同一视频上传。解决方案是删除文件时清空inputValue。代码示例中,onDel函数将inputValue设为空字符串。

场景

问题: pc端上传视频,使用input type=file 封装了个组件,但是发现上传一个视频,删除它,然后重新再上传此视频没反应,
解决:删除视频时把input value 值置空

<input
    ref="uploadInput"
   :value="inputValue"
    type="file"
    :accept="accept"
    @change="selectFile"
    style="width:0;height:0"
/>
<el-button @click="onDel(index)">删除</el-button>
// vue

// 移除图片
onDel(index){
    dataSet.inputValue = ''
},

参考文章:https://my.oschina.net/yxmBetter/blog/1543487

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值