Not getting [Object File] from a File Input HTML Control using JQuery and Javascript

Question

I have a file input control and button as below:-

<input type="file" name="Resume" id="upload"></input>
<input type="button" id="btnSave" value="Save" onclick="sample()"></input>

Also a function called as sample()

<script type="text/javascript">
    function sample(){
    var file =$('#upload')[0].files[0];
    alert(file);
    }
</script>

The above function is called on a click of button btnsave.

Issue:Does not return a alert with [object File], inspite of file exist in file input control.

Note: I am using I.E 11 and also loaded Jquery library.

code is correct..make sure your file variable is defined somewhere. — Kartikeya Khosla
Code is work here in jsfiddle. You should create a jsfiddle or use stack snippet that can reproduce the issue you met. — fuyushimoya
@Kartikeya yes, it works in jsfiddle but not on I.E [custom Page]... — user5013815

Ujwal Ratra Ujwal Ratra · Accepted Answer · 2015-07-15T10:56:43

HTML:

<input type="file" name="Resume" id="upload" />
<input type="button" id="btnSave" value="Save" />

jQuery

$('#btnSave').click(function() {
    var file =$('#upload')[0].files[0];
    alert(file);
});