IE9 Input file 提交错误

2012-09-20 06:04:08 323 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

兼容ie8的文件上传美化 input type="file" 先上效果图：上传文件格式正确：上传文件格式错误：HTML：&lt;div&gt; &lt;div class="file"&gt;选择文件 &lt;input type="file" class="file-input" /&gt; &lt;div class="showFileName" 阅读详情



  <div id="A" onclick="a()">

        AAA

    </div>

    <div id="B" onclick="b()">

        BBB

    </div>

    <form id="F" method="post" action="compose.aspx" target="_blank" enctype="multipart/form-data">

    <input id="f1" name="f1" type="file" /><input id="f2" name="f2" type="file" />

    <input id="btn" type="submit" value="CCC" />

    </form>

    <script type="text/javascript">

        function a() {

            document.getElementById('f1').click();

        }



        function b() {

            document.getElementById('f2').click();



        }

    </script>

在IE9下使用input=file选择文件提交没有问题

但通过AAA和BBB来触发2个input=file选择文件那么提交的时候会出现点一次CCC,input=file值消失一个,直到全部input=file值消失完,继续点CCC才能提交,但提交页面已获取不到任何值,

这个情况在IE9下才出现,chrome,FF,op这些浏览器都没问题其他IE没测试,本地和线上都是如此

为什么会这样

...全文