如何检测文件何时上传到文件类型的输入元素？

Question

当文件上传到如下所示的输入元素时，有没有办法能够使用jQuery进行检测：

<input type='file' name='filex' id='filex' style="height: 2.3em" size="23" />

我正在寻找一个特定于文件放置（上传）到元素的事件，而不是在打开打开文件对话框之前单击元素的事件。我知道我可以提交表单然后获取文件服务器端，但我想在确认之前提交表单之前向用户显示缩略图。

感谢。

Answer 1

由于file输入将从未选择文件开始，并且没有用户互动就无法选择任何文件，我建议使用change()方法（使用{{1事件）：

change

参考文献：

• :file selector。
• Use jQuery to get the file input's selected filename without the path

Answer 2

var fileInput = document.getElementById('filex');

fileInput.onchange = function(e){
    if(e.target.files.length > 0)
        // File uploaded
}