React中input type=file, 时,onChange事件不触发问题
当选择图片相同的时候,不会触发onchange事件,
最近在做react项目时发现的问题,代码如下
1 React
当选图片的时候必然会触发点击事件,这时可以通过onclick时,将input的value赋值为空就可以了。
// An highlighted block
<input type="file" onClick={(e) =>{e.target.value = ''}}
onChange={(e) =>{this.handleImageUpload('userIcon', e)}}/>
2 原生js
注意原生js input 不支持onclick事件
<input type="file" id="file" onchange="myfun(event)">
<script>
function myfun(e) {
console.log(e.target.files[0])
}
document.getElementById('file').onclick = function(e) {
e.target.value = ''
}
</script>