jQuery中此脚本的副本

Question

我有一个html，当输入被更改时，将调用一个javascript函数：

<input type="file" id="file-uploaded" onchange="checkinput(this);">

如果输入确实包含文件，脚本将会读取：

function checkinput(input) {
    if (input.files && input.files[0]) {
        // do something...

然后，当我在jQuery中尝试它时：

$(document).on("change", "#file-uploaded", function(){
    if ($(this).files && $(this).files[0]) {
        // do something...
    }
});

它不起作用。将第一个脚本转换为jQuery时，第一个脚本的正确对应是什么？

Answer 1

你很亲密。 将此更改为$(this).files：$(this)[0].files

您的Jquery代码现在将如下所示：

$(document).on("change", "#file-uploaded", function(){
    if ($(this)[0].files && $(this)[0].files[0]) {
        // do something...
    }
});

Answer 2

尝试以下内容：

   $("#file-uploaded").on("change", function(){
        if ($(this).files && $(this).files[0]) {
            // do something...
        }
    });