html file input onchage没有调用（两次选择同一个文件）

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了html file input onchage没有调用（两次选择同一个文件）相关的知识，希望对你有一定的参考价值。

在html中，如果input的类型是file，且第二次选择的文件与第一次相同，那么onchange事件不会调用。

如果想调用，需要将event.target.value设置为null，如下：

原生写法：

<input id="file" onchange="file_changed(this)" onclick="this.value=null;" type="file" accept="*/*" />

React写法：

 <input className="input_tag" type="file" accept="image/*" onChange={onImageSelect}/>

const onImageSelect = (event: any) => {
    const files = event.target.files;
    event.target.value = ‘‘;
};

= The End =

以上是关于html file input onchage没有调用（两次选择同一个文件）的主要内容，如果未能解决你的问题，请参考以下文章