IE input file attribute is undefined

Question

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?

It might be affected by the way IE handles JS differently than firefox. The click event you have putten on your upload button fires after the upload is done on firefox, and before its done on IE. — Jan Dragsbaek
– Jan Dragsbaek, Commented Feb 15, 2011 at 7:38
can't be. because click event i declared var input when document.ready and after it's loaded i click '#upload' button — ShaneKm
– ShaneKm, Commented Feb 15, 2011 at 7:40

Lalit · Accepted Answer · 2011-08-29 10:04:32Z

6

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

answered Aug 29, 2011 at 10:04

Lalit

4,9677 gold badges35 silver badges36 bronze badges

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

2 Comments

Kevin Beal Over a year ago

Well, what is a cross browser option?

Sajith Over a year ago

is there any external library for handling files in IE9?

bcm · Accepted Answer · 2011-02-15 07:55:58Z

4

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

answered Feb 15, 2011 at 7:55

bcm

5,49810 gold badges61 silver badges92 bronze badges

1 Comment

NibblyPig Over a year ago

$('#handlerxhr1')[0] is the same as $('#handlerxhr1') because jquery returns an array of matching elements. It doesn't do the same thing as files[0].

Collectives™ on Stack Overflow

IE input file attribute is undefined

2 Answers 2

2 Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related