@using (Html.BeginForm("Upload", "MyProfile", FormMethod.Post, new
{
    @encType = "multipart/form-data",
    id = "ImgForm",
    name = "ImgForm",
    target = "UploadTarget"
}))
{   
    <input type="file" name="FileUpload" class="filestyle-notext fileupload">                
}

<iframe id="UploadTarget" name="UploadTarget" style="position: absolute; left: -999em; top: -999em;"></iframe>

And through javascript/jquery, I am doing form submit on change of file input.

$('.myprofile .fileupload').change(function () {       
    $('#ImgForm').submit();
});

It throws an error: Access is denied and It happens only in IE (i am using ie8) and works fine in firefox, chrome.

After reading in forums I see there is an issue with form submit through javasript in IE due to security reasons but is there any workaround ? And I don't understand why the hell only IE does that when all browsers are supporting it. Is IE more secure than all browsers ? ;) Pool in your suggestions please.

@using (Html.BeginForm("Upload", "MyProfile", FormMethod.Post, new
{
    @encType = "multipart/form-data",
    id = "ImgForm",
    name = "ImgForm",
    target = "UploadTarget"
}))
{   
    <input type="file" name="FileUpload" class="filestyle-notext fileupload">                
}

<iframe id="UploadTarget" name="UploadTarget" style="position: absolute; left: -999em; top: -999em;"></iframe>

And through javascript/jquery, I am doing form submit on change of file input.

$('.myprofile .fileupload').change(function () {       
    $('#ImgForm').submit();
});

It throws an error: Access is denied and It happens only in IE (i am using ie8) and works fine in firefox, chrome.

After reading in forums I see there is an issue with form submit through javasript in IE due to security reasons but is there any workaround ? And I don't understand why the hell only IE does that when all browsers are supporting it. Is IE more secure than all browsers ? ;) Pool in your suggestions please.

• javascript
• jquery
• asp-mvc
• file-upload

Share Improve this question Follow edited Dec 1, 2012 at 6:02 tereško 58.5k2525 gold badges100100 silver badges150150 bronze badges asked Dec 1, 2012 at 2:44 KrishKrish 16711 gold badge33 silver badges66 bronze badges 2

• My first thought would be to disable protected mode. – mrtsherman Commented Dec 1, 2012 at 2:55
• 3 Is IE more secure than all browsers? lol ... cheeky. – McGarnagle Commented Dec 1, 2012 at 6:27

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 10

IE8 doesn't support invoking the .submit() event of a form containing file inputs from within the .change() event of this file input. This is for security reasons. You are attempting to submit a file to the server without the user explicitly allowing this. One possible workaround is to call the .submit() on the form from within a .click() event of some button you have placed:

$('.uploadButton').click(function () {       
    $('#ImgForm').submit();
});

Now when the user clicks on some upload button the form will submit.

It's worth mentioning that this is only problematic with IE8. Higher versions and other browsers do not have this limitation.

Also you may consider using a Flash based upload control such as Uploadify or BlueImp File upload to upload files to the server in a cross browser way.