javascript - jQuery - 输入字段更改事件不起作用......如预期

Question

我正在使用 jQuery 的“更改”功能处理 HTML 输入文件字段的“onChange”事件。这按预期工作，并且确实在元素的值更改时触发。但是，不是在以下情况下:

1. 用户指定要上传的文件。我们称此文件为“file.dat”。

2. jQuery 稍后通过使用val 函数。

3. 用户指定要上传的完全相同的文件“file.dat”。

在上面的场景中，“onChange”在第 3 步没有被调用。但是，如果用户在第 3 步指定了一个不同的文件，它确实会被调用。

是不是因为我使用了 jQuery 的 val 函数来改变值？如果我想将输入文件字段重置为其基本/默认值，我还有哪些其他选择？

Answer 1

出于安全原因，JavaScript 无法影响文件 输入的值。看起来确实该值已被清除，但实际上并没有。

您可以通过重置整个表单或重新创建元素并将其插入 DOM 来代替旧元素来解决这个问题。

这是一个有效的 example .请注意使用 jQuery live 函数来绑定(bind) change 事件。这是必需的，因为每次单击“清除”按钮时我们都会将一个新元素插入到 DOM 中。