表单上传文件如何不跳转上传文件时用form.submit提交的时候在IE中报拒绝访问的错误

导读上传文件的时候，在IE7下总是传不了，但FireFox，IE11和Chrome下则可以上传。发现是form.submit();时出错了(“拒绝访问”)。ht....

上传文件的时候，在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(); }