how to upload files using javascript in IE?

Question

I´m trying to make an uploader with javascript. I basically have my input file:

<input id="attachments" type="file" style="display:none; float:left; margin-right:5px;" multiple="" name="file[]">

hidden so when i click a button i trigger my input like this:

$(thisELement).find("#attachments").trigger("click");

and finally i catch the onchage on my input like this:

$(thisELement).find("#attachments").change(function(e){
     console.log(this.file);

For firefox and chrome, it works fine, but when i test it in IE 9 i get in the console "this.file" is undefined Does anyone knows why does IE doesn´t accept "this.file", and which instruction would be it´s equivalent?

Thanks in advance.

The file api is not supported yet in IE file api ie9

YardenST
– YardenST

2012-08-16 15:49:18 +00:00
Commented Aug 16, 2012 at 15:49 — YardenST
– YardenST, Commented Aug 16, 2012 at 15:49
is there another way to upload files with javascript???

linker85
– linker85

2012-08-16 16:43:04 +00:00
Commented Aug 16, 2012 at 16:43 — linker85
– linker85, Commented Aug 16, 2012 at 16:43

invertedSpear · Accepted Answer · 2012-08-16 17:06:11Z

1

IE is notoriously tight on security when it comes to file uploads. It does not let you use JS to trigger file uploads since that may not involve a user interaction, and allow a page to "steal" files without the user knowing. I have researched this pretty extensively and the answer is pretty much that you just can't do it, you have to use the native file upload control.

You might try using the jquery plug-in uploadify. It uses Flash to get around this security restriction, but then you're stuck with their UI, instead of the browser's. However their UI does allow you some customization.

answered Aug 16, 2012 at 17:06

invertedSpear

11.1k6 gold badges43 silver badges77 bronze badges

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

Collectives™ on Stack Overflow

how to upload files using javascript in IE?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related