<rt id="bn8ez"></rt>
<label id="bn8ez"></label>
  • 

    • <span id="bn8ez"></span>
    

    <label id="bn8ez"><meter id="bn8ez"></meter></label>
    

    
    

    




    







												


        




    
	
		


    隨筆 - 7 
文章 - 3 
trackbacks - 0


     
	

    

    
	
		
    
			
    
	
    
		
    <2013年5月>
    
	
    日一二三四五六
    2829301234
    567891011
    12131415161718
    19202122232425
    2627282930311
    2345678
    

    

    
			
			

    常用鏈接
    


    留言簿
    




		
    隨筆檔案
    
		
				
			
	
		
    文章分類
    
		
				
			
	
		
    文章檔案
    
		
				
			
	




    搜索
    

      
	
    • 
		
    •  
	
      • 

    


    最新評論
	
    

    
	
			
		

    


    閱讀排行榜
    



    評論排行榜
    


    		
	

    

    
	
					


    
	
	

    多文件上傳 jquery的插件
    使用的方法  導入 jquery.js 及 jquery.MultiFile.js ，
    方式一： 后臺是文件數組  
     private File[] upload; // 與jsp表單中的名稱對應
     private String[] uploadFileName;
     private String[] uploadContentType;
    在 form 中加入 <input type="file" name="upload[]" class="multi" /> 即可。

    方式二：后臺是List<File>
     private List<File> upload; // 與jsp表單中的名稱對應
     private List<String> uploadFileName;
     private List<String> uploadContentType;

    jquery.MultiFile.js  將選中的文件列在From中，名字為upload的<input>，所以要用 name="upload[]"（方法一）或者name="upload" （方法二） 來接收；
    而 class="multi" 是 jQuery 用來作的文件類型，HTML 部份代碼如下： 

    

    


    


    <head>
    <meta http-equiv='Content-Type' content='text/html; charset=utf-8' />
    <title>Untitled Document</title>
    <script src="/multiple-file-upload/jquery.js" type="text/javascript" language="javascript"></script>
    <script src="/multiple-file-upload/jquery.MultiFile.js" type="text/javascript" language="javascript"></script>
    

    </head>
    <body>
    

    <form enctype="multipart/form-data" action="<?php $_SERVER['PHP_SELF'] ?>" method="POST">
    <input type="file" name="upload[]" class="multi" maxlength="2"/>
    //<input type="file" name="upload" class="multi" />

    <input type="submit" value="Upload File" />
    </form>
    

    </body>
    參數說明：

    

    


    
參數
說明
說明
    

    
class="multi" maxlength="2"
Limit: 2 files. 
    Allowed extensions: any.    		
限制數量2
    

    
class="multi" accept="gif|jpg"
Limit: no limit. 
    Allowed extensions: gif and jpg.    		
格式只能 gif  jpg
    

    
class="multi" accept="gif|jpg" maxlength="3"
Limit: 3 files 
    Allowed extensions: gif, jpg.    		
限制數量3，格式只能 gif  jpg
    


    主頁:http://www.fyneworks.com/jquery/multiple-file-upload/ 

    下載:http://www.fyneworks.com/jquery/multiple-file-upload/#tab-Download 

    示例:http://www.fyneworks.com/jquery/multiple-file-upload/#tab-Examples 
    
	
    posted on 2013-05-17 15:56 Tomas 閱讀(4183) 評論(2)  編輯  收藏  
    

    







    
	    
    


    
FeedBack:

    
	

		
    
			
    
			
    # re: 多文件上傳 2013-05-19 09:23 11
    
				
    01.Ext.getCmp('collect_task_form').getForm().load({  

    02.                    url: "./collectTaskView.do"  

    03.                    ,params: {  

    04.                        id: id  

    05.                    }  

    06.                    ,success: function(form, action){  

    07.                        //Ext.example.msg('編輯', '載入成功！');  

    08.                        //alert(Ext.getCmp("data").getValue());  

    09.                        var o = Ext.util.JSON.decode(action.response.responseText);  

    10.                        if (o) {  

    11.                            var root = o.root;  

    12.                            var pack = root[0];  

    13.                              

    14.                            alert(pack.displayName);  

    15.                        }  

    16.                    }  

    17.                    ,failure: function(form, action){  

    18.                        Ext.MessageBox.show({  

    19.                           title: '錯誤',  

    20.                           msg: '出現異常創建失敗，請與管理員聯系.',  

    21.                           buttons: Ext.MessageBox.OK,  

    22.                           icon: Ext.MessageBox.ERROR  

    23.                        });  

    24.                    }  

    25.                    ,waitMsg: "正在加載數據，請稍候..."  

    26.                });  

      回復  更多評論
      
			
    
		
    
	
		
    
			
    
			
    # re: 多文件上傳 2013-05-19 09:23 11
    
				
    Formpanel中必須有

    reader: new Ext.data.JsonReader({root:'root'},  

                                         [{name: 'pack',mapping:'pack',type:'string'}  

                                            ]) 

      回復  更多評論
      
			
    
		
    
	




    





    


    

	
    
		
    
				
		
	
		
    
		
		
    只有注冊用戶登錄后才能發表評論。
    
		
    
			
		
    
			
		
    
		
		
    
		


    

		    		
		
    
		
    			
		
		
		
		
    
		
    
		
		
    
		
    
			網站導航:
		
		
    
		
    
			
		
    	
		
    
			 
		
    
		
    
			
		
    
		
    
			
				
		
    		
	
    	

    



    

				
	



    



    







        
	



主站蜘蛛池模板：
国产精品区免费视频|
一级一级一级毛片免费毛片|
女人体1963午夜免费视频|
亚洲国产精品综合久久网络|
午夜亚洲国产理论片二级港台二级|
成人免费视频试看120秒|
亚洲日本va在线观看|
成年女人免费v片|
亚洲午夜精品久久久久久app|
免费黄色app网站|
日本亚洲中午字幕乱码|
亚洲AV无码成人精品区大在线|
小说专区亚洲春色校园|
国产精品xxxx国产喷水亚洲国产精品无码久久一区|
亚洲a∨国产av综合av下载|
亚洲另类激情专区小说图片|
久久久久国色AV免费观看|
亚洲av鲁丝一区二区三区|
4399影视免费观看高清直播|
亚洲粉嫩美白在线|
免费99热在线观看|
国产在线精品免费aaa片|
亚洲另类小说图片|
国产成人免费网站在线观看|
国产久爱免费精品视频|
久久精品7亚洲午夜a|
无码国产精品一区二区免费|
亚洲精品理论电影在线观看|
亚洲色一色噜一噜噜噜|
久久这里只精品99re免费|
亚洲天堂2017无码中文|
亚洲国产一区二区视频网站|
久久伊人免费视频|
久久久久亚洲AV无码去区首|
亚洲人精品午夜射精日韩|
国语成本人片免费av无码|
一级成人a做片免费|
亚洲欧洲综合在线|
久久久久亚洲AV无码专区桃色|
免费A级毛片在线播放|
在线观看亚洲电影|