jQuery input file click method and access denied on IE

Question

I'm trying to use only a button as input file, it works fine in Firefox, Chrome, Safari but not in IE... I always get 'access denied' when submitting the form.

The code:

$('#input_file').click();

Is there a real fix for it? I wasted about 2 hours on google but I can't find it.

How about [uploadify](http://www.uploadify.com/) or similar? — mplungjan, Aug 31 '11 at 14:23
@pimvdb, it works fine in ie but when i try to submit the form i get 'access denied' — Sonia, Aug 31 '11 at 14:27
@Sonia: Is this what you mean? http://jsfiddle.net/SJWcw/2/ Submitting after selecting with the special button works. — pimvdb, Aug 31 '11 at 14:36
@pimvdb, u should set enctype as multipart/form-data and method as post then submit it and u'll get the error access denied, try it on ie. — Sonia, Aug 31 '11 at 14:54
@SoniaL Then perhaps this question is related: http://stackoverflow.com/questions/3935001/getting-access-is-denied-error-on-ie8. — pimvdb, Aug 31 '11 at 15:03

Martijn Bleeker · Answer 1 · 2013-05-29T15:27:05.373

I found a way around it. Wrap the button in label tags like this:

<label for="fileinput"><div class="button">Upload file</div></label>


<form>
  <input id="fileinput" name="file" type="file">
</form>

Clicking the label will trigger the file input without invalidating the form in internet explorer (tested in IE9 & IE10)

EDIT: serve this code to IE and keep the javascript solution for other browsers. Firefox will not trigger the file input field when the label is clicked.

score 1 · Answer 2 · edited Oct 01 '12 at 13:10

I once saw this piece of code, I don't remember where but it is a workaround

  if ($.browser.msie) {
        // IE suspends timeouts until after the file dialog closes
        $flUpload.click(function (event) {
            setTimeout(function () {
                changeFunc();
            }, 0);
        });
    }
    else {
        // All other browsers behave
        $flUpload.change(changeFunc);
    }

score 0 · Answer 3 · answered Aug 31 '11 at 16:19

Security sandbox "feature" of IE. There is no way to get around it. Sorry. I use the JQuery file input, but still have to detect IE and use the IE basic input, I have spend a lot of time looking for answers and haven't found any. You could use flash, which is what uploadify does to get around the security of IE. I recommend it, it's a pretty damn good plug-in.

jQuery input file click method and access denied on IE

3 Answers3

Linked