我要评论上传文件的时候，在ie7下总是传不了，但firefox，ie11和chrome下则可以上传。发现是form.submit();时出错了(“拒绝访问”)。
html代码为：
<label onclick="upload()"> 上传附件</label>
<form id="uploadform" enctype="multipart/form-data" target="framefile" method="post">
<input type="file" id="a" name="a" onchange="fileupload()" style="display：none" />
</form>
js代码为
function upload()
{
document.getelementbyid("a").click();
}
function fileupload()
{
var form = document.getelementbyid('uploadform');
form.action="xxx.do?";
form.submit();
}
原来是因为ie下 file表单控件，不能用js控制打开文件选择器(就是只能点击file本身，不能通过js调用file.click方式)，否则会报 “拒绝访问”。所以，通过将file设置为透明(position:absolute;top:0px;right:0px;cursor:pointer; opacity:0;filter:alpha(opacity:0);z-index:999;)，用div或者其他的标签盖住file，这样点击显示的div时同样也真实的点击了file。
代码做一下调整，这个问题就能解决了
<label for="a"> 上传附件 </label>
<form id="uploadform" enctype="multipart/form-data" target="framefile" method="post">
<input type="file" id="a" name="a" onchange="fileupload()" style="position:absolute;top:0px;right:0px;cursor:pointer; opacity:0;filter:alpha(opacity:0);z-index:999;"/>
</form>
function fileupload()
{
var form = document.getelementbyid('uploadform');
form.action="xxx.do?";
form.submit();
}
您可能感兴趣的文章:
如您对本文有疑问或者有任何想说的，请点击进行留言回复，万千网友为您解惑！
网友评论