zoukankan      html  css  js  c++  java
  • 上传文件时用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();
        }



  • 相关阅读:
    发卡构型高分子的跨膜传输
    《一个数学家的叹息》读后
    匀速拉地毯最少需要多大的力
    桥环形高分子的标度理论——链滴图像
    试验1
    自定义控件EditText
    自定义控件TextView
    HTTP的应用httpclient 和线程
    http的应用httpurlconnection--------1
    学习笔记—Fragement +Actionbar
  • 原文地址:https://www.cnblogs.com/mingqi-420/p/10931984.html
Copyright © 2011-2022 走看看