form表單附件上傳

---css---
<form id="uploadForm" method="post" action="../userSelfSer/insertUploadFile.action" enctype="multipart/form-data">
	<table>  
		<tr>  
		    <td id="photo" style="padding-left:10px;">  
			<input name="uploadFile" id="uploadFile" class="easyui-filebox"  labelPosition="top" data-options="buttonAlign:'left',buttonText: '                            瀏      覽    <i class=\'icon-search\'> </i>',prompt:'請選擇待上傳文件...'" style="width:300px;"></td>
		    <td style="padding:10px;" >  
			<a class="btn btn-mini btn-info" href="javascript:okUpload();" id="btnOK">上  傳 </a>   
		    </td>   
		</tr>  
	</table> 
</form>
---js----
/**附件上傳*/
	function okUpload(){
		if(editId==undefined){
			var epath = $('#uploadFile').filebox('getValue');
			if(isNotEmpty(epath)){
				var len=epath.split("\\").length;
				var fileName=epath.split("\\")[len-1];
				upload(0,fileName);
			}
		}
		else{
			upload(editId,null);
		}
	}
	function upload(ownerId,fileName){
		var formData = new FormData($("#uploadForm" )[0]);  
	      $.ajax({     
	          type: "POST",      
	          url: contextPath+"/incMng/insertUploadFile.action?ownerId="+ownerId, 
	          data: formData,  
	          async: false,  
	          cache: false,  
	          contentType: false,  
	          processData: false,
	          success: function (res) {
	        	  if(res.successed){
	        		  if(ownerId==0){
	          			//此處附件已經插入到附件表,但工單尚未保存,所以二者未做關聯,不可直接查詢所有附件進行展示
	          			var attchHtml="<a style='color:blue;cursor:pointer;display:block;' href='"+res.attch.downloadUrl+"' target='blank;'>"+fileName+"</a>";
	          			  $("#fileList").append(attchHtml);
	          			  attchIds+=(attchIds==""?res.attch.id:(","+res.attch.id));
	          		  }
	          		  else{
	          			  $("#fileList").html(res.fileList);
	          		  }
	              	 $("#uploadFile").filebox('clear');
						
	        	  }else{
	        		 $.messager.alert("提示信息","上傳失敗!","error"); 
	        	  }
	          },  
	          error: function (data) {  
	              $.messager.alert("提示信息","上傳失敗!","error");
	          },
	          beforeSend: function () {
					$.myloading({title: "正在上傳,請稍後..."});
		      },
			  complete: function () {
			   		$.myloading("hide");
		      }
	      }); 
	}


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章