關於多文件上傳插件uploadify使用總結

uploadify官網：http://www.uploadify.com/

屬性配置的話官網上的docs文檔上有說明和使用例子，下面我貼出個人配置：

須要導入的js文件：

<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.uploadify.min.js" ></script>
<script type="text/javascript" src="js/jquery.uploadify.js" ></script>

//uploadify.swf這個文件要用到，也請放到項目中

           //放在ready中
	$('#picupload').uploadify({
		buttonText:"選擇文件",
		auto:false,
		swf:"js/uploadify.swf",
		successTimeout:60,
		fileObjName:'uploadify',  //這裏設置的值要跟後臺接收的值同樣，不然會報404找不到錯誤
		
		//這裏指向後臺action，也但是是一個處理上傳內容的php文件、jsp文件……等等
		uploader:"goodsAction!update?id="+$('#id').val(),
		fileTypeExts:'*.jpg;*.jpge;*.png;*.gif', //設置容許上傳文件的類型
		fileSizeLimit:'3MB',
		queueSizeLimit:25,
		onUploadProgress:function(){    //滾動條  能夠自行設置，參考官網文檔
		},
		onSelect:function(){   //選中文件後調用的函數
		},
		onSelectError:function(file, errorCode, errorMsg){
		 	switch(errorCode){
		 	case -100:
		 		alert("上傳的文件數量已經超出系統限制");
		 		break;
		 	case -110:
		 		 alert("文件 ["+file.name+"]的大小超出系統限制的"+
		 		$('#file_upload').uploadify('settings','fileSizeLimit')+"值！");
	 			break;
	 		case -120:
	 			alert("文件 ["+file.name+"] 大小異常！");
				break;
			case -130:
				alert("文件 ["+file.name+"] 類型不正確！");
				break;
					}
			 },
		onFallback:function(){
		          alert("您未安裝FLASH控件，沒法上傳圖片！請安裝FLASH控件後再試。");
		      },
		      onUploadSuccess:function(file, data, response){
		          alert("上傳成功，請刷新頁面！");
		      }
	})

如下是個人簡單實用：

<input type="file" name="picupload" id="picupload"/>
<input type="button" value="開始上傳" onclick="javascript:$('#picupload').uploadify('upload', '*');"/>
<input type="button" value="中止上傳" onclick="javascript:$('#picupload').uploadify('stop');"/>
<input type="button" value="清除隊列" onclick="javascript:$('#picupload').uploadify('cancel', '*');"/>

後臺上傳文件代碼就和別的上傳同樣了，關鍵是要把本身設置的fileObjName和後臺對應好

還有一點值得提的是，我感受這個插件看似能上傳多個，實際上後臺仍是一個一個接取的，並非文件列表傳過去，可能要本身後臺用多線程實現吧！