I have a problem with input (type="file") in Internet Explorer (I have tested only in 8).

HTML

<input id="drop-file-files" class="drop-file-waiting" type="file">

JS (.min.js)

$('#drop-file-files').change(function(e){
    $.each(e.target.files, function(index, file){
        alert(file);
    });
});

It work perfect in Firefox, Chrome and Safari return Object File, but IE return a error because "files" in e.target is undefined. Someone know how can I get this "files" using JavaScript?

EDITED: Documentation MSDN input type=file - Only in IE10 files property

I have a problem with input (type="file") in Internet Explorer (I have tested only in 8).

HTML

<input id="drop-file-files" class="drop-file-waiting" type="file">

JS (http://code.jquery.com/jquery-latest.min.js)

$('#drop-file-files').change(function(e){
    $.each(e.target.files, function(index, file){
        alert(file);
    });
});

It work perfect in Firefox, Chrome and Safari return Object File, but IE return a error because "files" in e.target is undefined. Someone know how can I get this "files" using JavaScript?

EDITED: Documentation MSDN input type=file - Only in IE10 files property

• javascript
• jquery
• html
• internet-explorer

1 Answer 1

Internet Explorer 8 does not support multiple files. This has been already discussed here. You can at least get the filename via e.target.value.