Question

I’m using JavaScript to validate an uploading form, one of the conditions is to check if any file has been selected. I thought this would be simple, but I can’t get it to work. Is this code invalid? The var file works with other conditions so it’s not that

var file = document.getElementById('file');

if(file.value =="") {
    alert("no file selected")
    return false;
}

<input  name="uploaded" type="file" id="file" />

Answer 1

You can use the following example:

var fileInput = document.getElementById('file');
fileInput.onchange = function () {
    var input = this.files[0]; 
    if (input) {
        //process input.
    } else {
        alert("Please select a file.");
    }
};

Hope this helps.