javascript - 如何实时判断用户是否选择了文件上传？

Question

假设，我有一个输入

<input id="uploadFile" type="file" />

如果为此输入选择了文件，我需要实时输出警报。如果未选择文件并且用户只是关闭了文件管理器窗口，我不需要输出警报。

我该怎么做？

Answer 1

您可以使用 change 事件来执行此操作。在该事件下，您可以检查文件输入的 value。如果为空，则没有选择文件。

$('#uploadFile').change(function() {
    if (this.value) {
        alert('you chose a file!');
    }
})

Working example