jQuery ajax like file upload with iframe

Question

Test is at the link above.

$('a').click(function(){
    $('input[type="file"]').click();
});
$('input[type="file"]').on('change', function(){
    $('form').submit();
});

When using the form's browse button the file is submitted on change. when using the link for "A" IE throws an error of SCRIPT5: Access is denied.

I want for the anchor link to invoke the file dialog and when a file is selected it auto submits the file to the iframe for a non-reloading file upload

EDIT: Looks only to be a problem in IE9

Thanks in advance

In IE7-8 it works as expected. Exactly what browser version are you having problems with? jsfiddle.net/qk3Ur — Jasper
– Jasper, Commented Jan 30, 2012 at 20:43

Adam Merrifield · Accepted Answer · 2012-01-30 21:37:52Z

2

For some reason unknown to me, while the input field had any name attribute it would IE would throw the error. Removing the name attribute for the file input field fixed this.

answered Jan 30, 2012 at 21:37

Adam Merrifield

10.4k4 gold badges44 silver badges60 bronze badges

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

Collectives™ on Stack Overflow

jQuery ajax like file upload with iframe

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