file控件的两点总结

1、通过其他按钮或a标签的点击来调用file控件的点击事件，最终提交时FF下可以提交过去数据，但是IE下却没法提交过去数据，原因是file必须得点击它本身才可以完成文件的上传，其他方式都是无效的。之所以报  拒绝访问  就是因为 没有对客户端文件的访问权限。

2、在IE下通过document.forms[0].submit()提交表单，IE报“拒绝访问”的错误，在网上查了些资料，最终发现还是file控件的问题，原因如下：

http://jakend.iteye.com/blog/723124

js如下：

Js代码  

1. function importExcel(){  
2.                 if($("excel").value != ''){  
3.                     if(!/.xls/.test($("excel").value)){  
4.                         alert('\u8bf7正确选择导入文件!');  
5.                         return false;  
6.                     }  
7.                 }  
8.       document.Form1.submit();  
9. }  

 html如下：

Html代码  

1. <div id="searchDiv">  
2.             <form action="list.do" name="Form1" method="post" enctype="multipart/form-data" onsubmit="importExcel(this)">  
3.                 <ul>  
4.                     <li>  
5.                         <input type="text" id="input1" onclick="excel.click();">  
6.                         <input type="button" id="btn1" onclick="excel.click();" value="导入Excel">  
7.                         <input type="file" name="excel" id="excel" onchange="input1.value=this.value" style="display:none">  
8.                     </li>  
9.                  </ul>  
10.             </form>  
11. </div>  

 调用js函数一直提示拒绝访问js，网上翻了翻资料，原来是因为file必须得点击它本身才可以完成文件的上传，其他方式都是无效的。之所以报  拒绝访问  就是因为 没有对客户端文件的访问权限。

解决方案如下：

Html代码  

1. <li>  
2.          导入Excel：<input type="file" name="excel" id="excel">  
3. </li>