Checking if an object is empty

Question

I have the following code:

function check Files()
{
    if (jQuery.isEmptyObject($('#fileupload').files) == true){
        changeStage1Class();
    }
}

The code is checking if something is uploaded. When it's empty it returns "true". But even when there is a file uploaded it still returns "true". Is the code not working correctly?

Answer 1

$('#fileupload') gives you jQuery object and not the direct html element, you need to invoke get() on it:

$('#fileupload').get(0).files

Also you cannot have spaces between names:

function check Files() {
             ^^
}

$('#fileupload').get(0).files.length gives the file count > 0, if file was chosen

Try this:

if ($('#fileupload').get(0).files.length){
   changeStage1Class();
}