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

Posted 青春都一饷,忍把浮名,换了代码轻狂。

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没有调用(两次选择同一个文件)的主要内容,如果未能解决你的问题,请参考以下文章

关于html中的select问题

ajax 循环追加HTML

AJAX Web 应用程序中是不是需要表单标签?

Laravel 4:Input::all() 使用 $.ajax POST 不返回任何数据

juincenWeb中图片上传处理 jQuery+Ajax+SpringMVC

update出现部分字段没有更新?