<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
    

    

    
			
			

    常用鏈接
    


    留言簿
    




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




    搜索
    

      
	
    • 
		
    •  
	
      • 

    


    最新評(píng)論
	
    

    
	
			
		

    


    閱讀排行榜
    



    評(píng)論排行榜
    


    		
	

    

    
	
					


    
	
	

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

    方式二：后臺(tái)是List<File>
     private List<File> upload; // 與jsp表單中的名稱對(duì)應(yīng)
     private List<String> uploadFileName;
     private List<String> uploadContentType;

    jquery.MultiFile.js  將選中的文件列在From中，名字為upload的<input>，所以要用 name="upload[]"（方法一）或者name="upload" （方法二） 來(lái)接收；
    而 class="multi" 是 jQuery 用來(lái)作的文件類型，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>
    參數(shù)說(shuō)明：

    

    


    
參數(shù)
說(shuō)明
說(shuō)明
    

    
class="multi" maxlength="2"
Limit: 2 files. 
    Allowed extensions: any.    		
限制數(shù)量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.    		
限制數(shù)量3，格式只能 gif  jpg
    


    主頁(yè):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 閱讀(4185) 評(píng)論(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: '錯(cuò)誤',  

    20.                           msg: '出現(xiàn)異常創(chuàng)建失敗，請(qǐng)與管理員聯(lián)系.',  

    21.                           buttons: Ext.MessageBox.OK,  

    22.                           icon: Ext.MessageBox.ERROR  

    23.                        });  

    24.                    }  

    25.                    ,waitMsg: "正在加載數(shù)據(jù)，請(qǐng)稍候..."  

    26.                });  

      回復(fù)  更多評(píng)論
      
			
    
		
    
	
		
    
			
    
			
    # re: 多文件上傳 2013-05-19 09:23 11
    
				
    Formpanel中必須有

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

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

                                            ]) 

      回復(fù)  更多評(píng)論
      
			
    
		
    
	




    





    


    

	
    
		
    
				
		
	
		
    
		
		
    只有注冊(cè)用戶登錄后才能發(fā)表評(píng)論。
    
		
    
			
		
    
			
		
    
		
		
    
		


    

		    		
		
    
		
    			
		
		
		
		
    
		
    
		
		
    
		
    
			網(wǎng)站導(dǎo)航:
		
		
    
		
    
			
		
    	
		
    
			 
		
    
		
    
			
		
    
		
    
			
				
		
    		
	
    	

    



    

				
	



    



    







        
	



主站蜘蛛池模板：
亚洲国产熟亚洲女视频|
亚洲最大免费视频网|
在线观看成人免费|
中文字幕亚洲男人的天堂网络
|
在线精品亚洲一区二区三区|
一边摸一边桶一边脱免费视频|
亚洲精品无码久久久|
一个人看的hd免费视频|
亚洲日本va中文字幕久久|
久久精品成人免费看|
亚洲成a人片在线观看中文app
|
国产三级免费观看|
一级毛片免费播放试看60分钟|
亚洲熟女少妇一区二区|
国产成人AV片无码免费|
亚洲视频欧洲视频|
女人18特级一级毛片免费视频|
亚洲精品亚洲人成在线|
国产精品色午夜视频免费看|
四虎国产精品成人免费久久|
久久亚洲2019中文字幕|
日韩午夜理论免费TV影院|
亚洲欧美自偷自拍另类视|
亚洲高清免费视频|
日韩电影免费在线观看|
亚洲人成黄网在线观看|
亚洲高清无码在线观看|
久久国产精品成人片免费|
亚洲欧美成人av在线观看|
中文字幕亚洲图片|
曰批视频免费30分钟成人|
日本高清不卡中文字幕免费|
久久精品国产亚洲AV果冻传媒
|
亚洲欧洲日本在线|
2015日韩永久免费视频播放|
婷婷国产偷v国产偷v亚洲|
国产AV无码专区亚洲精品|
在线观看91精品国产不卡免费|
久久青草国产免费观看|
综合偷自拍亚洲乱中文字幕
|
亚洲午夜无码久久久久软件|