Загрузка файла с использованием Javascript возвращает кнопку «Доступ запрещен» с помощью стилизованного <input type = 'file'> для кнопки
Я стилизовал ввод моего файла, используя:
<html>
<head>
<style>
#yourBtn{
position: relative;
top: 150px;
font-family: calibri;
width: 150px;
padding: 10px;
border-radius: 5px;
border: 1px dashed #ddeeff;
text-align: center;
background-color: #ffddee;
cursor:pointer;
color:#333333;
}
</style>
<script type="text/javascript">
function getFile(){
document.getElementById("upfile").click();
}
function sub(obj){
document.getElementById("yourBtn").innerHTML = "Uploading Please Wait...";
document.myForm.submit();
event.preventDefault();
}
</script>
</head>
<body>
<center>
<form action="/sub/upload.php" method="POST" enctype="multipart/form-data" name="myForm" target="myiframe">
<div id="yourBtn" onclick="getFile()">click to upload a file</div>
<div style='height: 0px;width: 0px; overflow:hidden;'><input id="upfile" type="file" name="upload" style="display:none;" onchange="sub(this)" /></div>
</form>
<iframe name="myiframe" style="width:100;height:100;border:2px solid #bbccdd;"></iframe>
</center>
</body>
</html>
Проблема в том, что функция .submit () возвращает ошибку «Отказано в доступе» в IE (протестировано в IE8 и 9). Прекрасно работает во всех других браузерах (Chrome, Opera, Safari и Firefox). когда sub (obj) вызывается. И то же самое происходит, даже если я использую Jquery тоже.
Так может кто-нибудь сказать мне, как я должен заставить этот скрипт работать на IE?