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
– Kartikeya Khosla, Commented Jul 15, 2015 at 10:44
Code is work here in jsfiddle. You should create a jsfiddle or use stack snippet that can reproduce the issue you met. — fuyushimoya
– fuyushimoya, Commented Jul 15, 2015 at 10:46
@Kartikeya yes, it works in jsfiddle but not on I.E [custom Page]... — user5013815
– user5013815, Commented Jul 15, 2015 at 10:52

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

0

The code works fine, here is a fiddle : https://jsfiddle.net/Ujwal_15/x5bgqqo7/6/

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);
});

answered Jul 15, 2015 at 10:56

Ujwal Ratra

3913 silver badges13 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

michael.vasiloff · Accepted Answer · 2017-01-25 15:37:26Z

0

You might be experiencing an issue in which the site you are working on is listed in your Local Intranet zone which causes IE to emulate an older version. Try adding this line as the very first entry within your <head> tag:

<meta http-equiv="X-UA-Compatible" content="IE=edge" />

From Microsoft: https://msdn.microsoft.com/en-us/library/jj676915.aspx

answered Jan 25, 2017 at 15:37

michael.vasiloff

366 bronze badges

Collectives™ on Stack Overflow

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

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related