隨筆 - 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 閱讀(4191) 評(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)航:
		
		
          
		
          
			
		
          	
		
          
			 
		
          
		
          
			
		
          
		
          
			
				
		
          		
	
          	

          



          

				
	



          



    







        
	




主站蜘蛛池模板：
金坛市|
鸡泽县|
文登市|
东乌|
波密县|
呈贡县|
吉林市|
资源县|
玉屏|
丰镇市|
新蔡县|
湄潭县|
康定县|
阿瓦提县|
临邑县|
咸丰县|
北碚区|
峨眉山市|
丰顺县|
眉山市|
安徽省|
图片|
梁河县|
将乐县|
卢龙县|
恩施市|
沙田区|
高台县|
随州市|
大城县|
石渠县|
斗六市|
巴马|
全椒县|
泸定县|
西藏|
涞水县|
常山县|
九江市|
柘城县|
隆安县|