Home/ Questions/Q 8746581
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-13T12:13:02+00:00

I have a problem which some jquery, it works i chrome and firefox but

  • 0

I have a problem which some jquery, it works i chrome and firefox but not in IE

The code

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<meta content="IE=edge" http-equiv="X-UA-Compatible"/>

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js">
</script>
</head>

<body>

<form method='post' name='aform' action='test2.html'>
<input type='file' value='Upload Billede' name='image[fileupload]' /><input type='button' class='upload image[fileupload]' value='Upload Billede' />
</form>
<script type="text/javascript">
$(document).ready(function(){

bind_file_upload();    
});
function bind_file_upload()
{
    var target_id;
    $("[name='image[fileupload]']").change(function(event){
        $("[name='aform']").submit();
    });
    $(".upload").click(function(){
        $("[name='image[fileupload]']").click();
    });
}

</script>

</body>
</html>

The problem is that when i use the file control directly via the browse button the page submits, but when i use my own upload button it triggers the filedialog, but when i choose a file and press open jquery fail with permission denied.

What an i doing wrong.

Thanks in advance

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Your issue is that when you simulate the click on the file input, IE flag the form as a security threat, and won’t send it.
    For IE you have to let the user click by himself on the file input.

    EDIT:

    If you really want to customize the file input, you may consider this : http://www.quirksmode.org/dom/inputfile.html

    Or you can use a flash/silverlight plugin which you could customize as you want, or for internet explorer an ActiveX control.

    • 0