上传文件时用form.submit提交的时候在低版本的IE中报拒绝访问的错误

Posted mingqi-420

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了上传文件时用form.submit提交的时候在低版本的IE中报拒绝访问的错误相关的知识,希望对你有一定的参考价值。

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

 



以上是关于上传文件时用form.submit提交的时候在低版本的IE中报拒绝访问的错误的主要内容,如果未能解决你的问题,请参考以下文章

android高版本程序能在低版android系统上运行吗?

在表单提交上验证文本框

jquery中使用$(#form).submit()提交表单无效原因分析及解决Script

js提交表单错误:document.form.submit() is not a function

js表单提交和submit提交的区别

django form的提交 --比较ajax提交与form submit提交