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

Question

当文件上传到如下输入元素时，有什么方法可以使用 jQuery 进行检测：

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

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

谢谢。

Answer 1

由于file输入将在没有选择文件的情况下开始，并且在没有用户交互的情况下无法选择任何文件，我建议使用该change()方法（使用change事件）：

$('input:file').change(
    function(e){
        console.log('file "' + path.split('\\').pop(); + '" selected.');
    });

参考：

• :file选择器。
• 使用 jQuery 获取文件输入的选定文件名，不带路径

Answer 2

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

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