CODEWITHSUNDEEP
javascriptjqueryinternet-explorermozilla
ShaneKm
ShaneKm

Reputation: 21328

IE input file attribute is undefined

I have the following input file tag:

<input type="file" id="handlerxhr1" />

In mozilla when I run the following jQuery code:

var input = $('#handlerxhr1')[0];
        $('#upload').click(function() {
            alert(input.files[0]);

        });

I get response: [object File] (which is good).

But in IE I get 'input.files.0 is undefined'

What am I doing wrong?

Upvotes: 5

Views: 26221

Answers (2)

Lalit
Lalit

Reputation: 4957

IE doesn't support .files[0] property, whereas FF does. See http://www.w3.org/TR/FileAPI/ for more details

Upvotes: 6

bcm
bcm

Reputation: 5500

This seems good enough...

$(function() {
    var input = $('#handlerxhr1')[0];         
    $('#upload').click(function() {             
        alert(input);          
    }); 
});

Not sure if your were after something like this though:

$(function() {
    var input = $('#handlerxhr1')[0];         
    $('#upload').click(function() {             
        var x = $('input[type=file]:eq(0)');
        alert(x);
    }); 
});

Upvotes: 4

Related Questions