上传文件时用form.submit提交的时候在低版本的IE中报拒绝访问的错误
程序员文章站
2022-06-24 11:03:13
上传文件的时候,在IE7下总是传不了,但FireFox,IE11和Chrome下则可以上传。发现是form.submit();时出错了(“拒绝访问”)。 html代码为: js代码为 原来是因为IE下 file表单控件,不能用js控制打开文件选择器(就是只能点击file本身,不能通过js调用file ......
上传文件的时候,在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(); }
上一篇: 抽象工厂模式
下一篇: python 3 在工作中的应用