form submit - IE access denied - same domain

Question

SCRIPT5: Access denied 
jquery.min.js, line 3 char 3769

I'm getting this error by simple form submit only in IE

 $("#icon_upl").click(function(){ //icon_upl is button which open dialog
  $("[name=icon]").click();
});


$("[name=icon]").change(function() { //icon is hidden file input
  $("[name=upload_icon]").submit();  
});

I sending that form to hidden iframe which is at the same domain.

<iframe id="upload_target" name="upload_target" src="#" style="width:0;height:0;display:none;"></iframe>
<form name="upload_icon" action="upload_icon.php" method="post" enctype="multipart/form-data" target="upload_target">

submit input doesn't help

I dont get it cuz if i try to send another form that works fine

what version(s) of IE are you testing with? – Spudley May 19 '12 at 18:40 — Spudley, May 19 '12 at 18:40
There are a couple of workarounds documented here. – Jon Weers May 06 '13 at 20:25 — Jon Weers, May 06 '13 at 20:25

score 24 · Answer 1 · answered Jan 29 '13 at 08:18

24

If you are triggering the select files dialog via JS then you will get an access denied error when submitting the form. IE does not allow this. You will have to ask user to click on input type file directly

More details here https://github.com/valums/file-uploader/issues/118#issuecomment-1387612

You can try styling the input type file though http://www.quirksmode.org/dom/inputfile.html

answered Jan 29 '13 at 08:18

apoorvi

251
2
5

<= IE 10 does not allow this. IE11 does, however. Thanks for this. – Jason Mar 12 '15 at 00:40

score 20 · Answer 2 · edited May 23 '17 at 12:02

20

I had similar HTML and jQuery code and encountered the same issue (i.e. 'Access is denied.' JavaScript error in Internet Explorer), which I managed to resolve by taking pointers from this (great) answer.

In your instance:

Change the #icon_upl <button>/<input> to a <label> and make use of the tag's accessibility features by setting the for attribute on it to point to your <input name="icon" type="file"> element.

This effectively makes your click() event handler redundant. However, clicking the <label> in Firefox does not seem to trigger the file <input> dialog so you'll need to perform a browser test and still have the click() event handler if the browser is Mozilla-based.
In order for it to work, you'll need to make sure that your file <input> is not hidden by setting its position to be absolute and moving it off-screen.

edited May 23 '17 at 12:02

Community

1
1

answered Jan 11 '13 at 01:27

WynandB

1,377
15
16

Awesome solution. I'm now thinking why I didn't think of it before :) – ajaybc Jun 30 '14 at 05:55
works!! just remember to remove the on input file click event if you have it in your code. – Michael Falck Wedelgård Jan 31 '15 at 18:54
Very clever. Thank you. – Amessihel May 14 '19 at 11:32

score 5 · Answer 3 · answered Mar 01 '14 at 02:37

5

i have found an other way to do this ... I have make test and i found it work after 2 or 3 click on the submit button.

i have try some solution but found this by my self. this is only for ie.

note i dont use the jquery submit method because they handle the error.

function Submit() {
    try {
        $('#FormName')[0].submit();
    } catch (e) {
        setTimeout(function () { Submit(); }, 50);
    }
}

ps. sorry for my bad english, this is not my first language.

answered Mar 01 '14 at 02:37

Benoit

1,109
14
29

Better with a setInterval since the trigger on the input[type=submit] need to be fired twice. – Warface Jul 30 '14 at 13:01
@Warface if you use setInterval, how do you make sure it not submit in double? as i said, it work on 2 OR 3 time. it's not the same in all browser. The setTimeout is just to delay the submin when an exception is throw. – Benoit Dec 09 '14 at 17:16

score 1 · Answer 4 · answered May 19 '12 at 18:37

You can make a direct event firing on hidden input field because you can't catch it. It is possible to bind event with it and trigger it via another.

for example:

// binding event to hidden field
$('input[name=icon]:hidden').on('click', function() {
  alert('Hidden triggered');
});

// some button/ or else
// some_target is any valid selector you can use
$('some_target').on('click', function() {
  $('input[name=icon]:hidden').click(); // triggering click on hidden field will alert 'Hidden triggered'
});

Note: But its not clear from your post that if you have already something like this or not.

i've something else - button upload - onclick{fileinput.click()} — Lukasik, May 19 '12 at 18:49

score 0 · Answer 5 · edited May 23 '17 at 12:09

0

It seems to be impossible

You cannot read the "value" of the element as it holds the filename.

You can't fire up the file selection menu via JS.

You can't fire submit of the file uploader control via JS.

from getting access is denied error on IE8

edited May 23 '17 at 12:09

Community

1
1

answered May 20 '12 at 16:00

Lukasik

273
1
5
10

score -1 · Answer 6 · answered May 28 '21 at 12:26

    //Access Denied Issues is usually for IE.
    
   var lblTrigger= document.getElementById('lblTrigger');
   lblTrigger.onclick = function(){
         var form = document.getElementById('form1');
         form.fxSubmit();
   }


    var form = document.getElementById('form1'); //form with upload control
    var upctrl = document.getElementById('file_1'); //file upload control
    
    form.fxSubmit = function() {
        var upctrl = document.getElementById('file_1'); //file upload control
        if (upctrl.files){
            var form = document.getElementById('form1');
            form.submit();
        }else{              
            document.body.submit = true;
        }
   }
    
    function fxSubmit(){            
        if (document.body.submit){
            var form = document.getElementById('form1');
            setTimeout(function(){fxSubmit()},50);
            form.submit();
            return;
        }
        setTimeout(function(){fxSubmit()},1000);
    }
    
    setTimeout(function(){fxSubmit()},1000);

Well. That's some code. I've no idea what it is supposed to have to do with the almost decade-old question. (Even the first line fails, `lblTrigger` doesn't exist in the HTML) Answers are better with clear clear explanations, in English, that describe how and why they solve the problem. — Quentin, May 28 '21 at 12:33

form submit - IE access denied - same domain

6 Answers6

Linked