jQuery文件输入变化不触发

Question

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

HTML：

id

JS：

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

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

Answer 1

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

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

我使用的javascript代码如下。

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

Answer 2

1. 这是$('document').ready(function(){}); https://api.jquery.com/ready

2. 您不需要第二个功能

所以：

$(document).ready(function() {

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


});