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

分类: IT文章 • 2022-08-29 13:53:27

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

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

原生写法：

<input  />

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 =