每次用户单击控件时，您只需将文件路径设置为空即可。现在，即使用户选择相同的文件，也会触发onchange事件。

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

你可以骗过它。删除文件元素并将其添加到change事件的相同位置。它将擦除文件路径，使其每次都可以更改。

Example on jsFiddle.

或者您可以简单地使用.prop("value", "")，参见this example on jsFiddle。

• jQuery 1.6+prop
• 较早版本attr

如果你试过.attr("value", "")但不起作用，不要惊慌(像我一样)

只需执行.val("")，就可以正常工作

每次用户点击字段时，使用onClick事件清除目标输入的值。这确保了同样的文件也会触发onChange事件。对我很管用：)

onInputClick = (event) => {
    event.target.value = ''
}

<input type="file" onChange={onFileChanged} onClick={onInputClick} />

使用打字稿

onInputClick = ( event: React.MouseEvent<HTMLInputElement, MouseEvent>) => {
    const element = event.target as HTMLInputElement
    element.value = ''
}

以下是我发现的对我有效的React方式解决方案：

onClick={event => event.target.value = null}