上传文件动态设置enctype

以下是最常见上传文件片段

1. 
   
2. <form id="upform" name="upform" action="upload.php" method="post" enctype="multipart/form-data">
   
3. <input type="file" name="uploadfile[]" />
   
4. <input type="file" name="uploadfile[]" />
   
5. <button type="submit" >upload</button>
   
6. </form>
   

复制代码

有点js知识得人可能试图用js检查并控制enctype得类型

1. 
   
2. form=document.getElementById('upform');
   
3. if(form.getAttribute('enctype')!='multipart/form-data'){
   
4.     form.setAttribute('enctype','multipart/form-data');
   
5. }
   

复制代码

以上代码完全按照W3C格式
FF下运行良好 但是IE不兼容，其它浏览器可以不兼容，就IE不能不兼容
在看YUI类库时得到启发
IE中form没有enctype属性，只有encoding属性,那么以上代码改写为

1. 
   
2. form=document.getElementById('upform');
   
3. if(form.getAttribute('enctype')!='multipart/form-data'&&form.encoding!='multipart/form-data')
   
4.   if(form.encoding){
   
5.       form.setAttribute('encoding','multipart/form-data');
   
6.   }else{
   
7.       form.setAttribute('enctype','multipart/form-data');
   
8.   }
   
9. }
   
10. //最外成if判断可以去掉 因为你是要设置它可以上传文件
    

复制代码

这样你可以试试这样得代码了

1. 
   
2. <script type="text/javascript">
   
3. function upload(form){
   
4.   if(form.encoding){
   
5.       form.setAttribute('encoding','multipart/form-data');
   
6.   }else{
   
7.       form.setAttribute('enctype','multipart/form-data');
   
8.   }
   
9.   form.setAttribute('method',post');
   
10.   if(!form.getAttribue('action')){
    
11.       form.setAttribute('action',location.href);
    
12.   }
    
13.   form.submit();
    
14. }
    
15. </script>
    
16. <form action="upload.php" onsubmit="try{upload(this);}catch(e){};return false;">
    
17. <input type="file" name="uploadfile[]" />
    
18. <input type="file" name="uploadfile[]" />
    
19. <button type="submit" >upload</button>
    
20. </form>
    

复制代码