更改时的 jQuery 文件输入未触发

Question

我绑定了两个单独的事件进行测试，但无论出于何种原因，当我选择文件时，它们都没有触发。我确信我今天没有喝足够的咖啡，但这似乎是检测文件选择的正确方法。

HTML：

<input type="file" id="files">

JS：

$(document).on("ready", function() {

    $("#files").on("change", function() {
        alert("Files changed.");
    });

    $(document).on("change", "#files", function() {
        alert("Files changed.");
    });

});

示例： https: //jsfiddle.net/snoapps/66y45hjh/

Answer 1

https://jsfiddle.net/66y45hjh/2/

您的第二个函数是正确的，但函数的嵌套方式不会让它按照您想要的方式执行。看看我对你的小提琴所做的编辑。

我使用的javascript代码如下。

$(function() {
    $(document).on("change", "#files", function() {
        alert("Files changed.");
    });
});