javascript - 如何允许input type=file在react组件中选择相同的文件

Question

我有一个 React 组件，它呈现 <input type="file"> dom 允许用户从浏览器中选择图像。我发现当我选择同一个文件时，它的onChange方法没有被调用。经过一番搜索，有人建议使用 this.value=null或return false在 onChange 方法的末尾，但我尝试过它不起作用。

下面是我的代码:

<input id="upload" ref="upload" type="file" accept="image/*"
           onChange={(event)=> { this.readFile(event) }}/>

以下是我尝试过的:

<input id="upload" ref="upload" type="file" accept="image/*"
               onChange={(event)=> { 
                   this.readFile(event) 
                   return false
              }}/>

另一个是:

<input id="upload" ref="upload" type="file" accept="image/*"
           onChange={(event)=> { 
               this.readFile(event) 
               this.value=null
          }}/>

我相信上述解决方案适用于jquery，但我不知道如何让它在reactjs中工作。

Answer 1

this thread 的重复

<input id="upload" ref="upload" type="file" accept="image/*"
           onChange={(event)=> { 
               this.readFile(event) 
          }}
        onClick={(event)=> { 
               event.target.value = null
          }}

/>