파일 업로드 편집 섹션

<div class="form-group spec4uploadOnly">
			<label class="col-xs-2 col-sm-2 col-md-2 col-lg-2 control-label"></label>
			<div class="row col-sm-8">
			      	<div class="col-sm-12">
			          	<input type="file" id="uploadBtn" style="display:none;"/>
				 		<button type="button" id="localBtn" class="btn green_btn col-sm-2 uploadBtn"><s:text name="coocLocalUpload" /></button>
						<button type="button" id="urlBtn" class="btn green_btn col-sm-2 uploadBtn"><s:text name="coocUrlAddr" /></button>						
					</div>
					<div id="queuelist" style="width:260px;position:relative;left:680;margin-bottom:-50px;"></div>
					<div class="url" style="display:none">
					   <div class="col-xs-10 col-sm-10 col-md-10 col-lg-10 mgt10">
	                      <input type="text" id="link" name="link" class="form-control" placeholder="<s:text name="coocPleInputUrlAddr"/>">
                       </div>
                       <div class="col-xs-2 col-sm-2 col-md-2 col-lg-2 mgt10">
	                      <button type="button" id="linkDelBtn" class="btn btn-default blue_btn col-sm-1 deleteBtn"></button>
                       </div>
					</div>
		    </div>
		</div>

$("#urlBtn").mouseout(function(){
		$("#urlBtn").css({background:"#9bbf62",color:"#fff",outline:"none"});
	});
	$("#urlBtn").mouseenter(function(){
		$("#urlBtn").css({background:"#9bbf62",color:"#fff",outline:"none"});
	});
	$("#urlBtn").click(
			function() {
				$("div.url").css("display","block");
				$("div.url").siblings(".fileLocal").remove();
				$("#fileid").val("");
				$("#arr").val("");
			}
	);
	$("#linkDelBtn").click(
			function() {
				$("#link").val("");
			}
	);
	var uploadFile = {
		param: {id:'',name:''},
		initData : function(options) {
			this.param = $.extend({},this.param,options);
		},
		html : '<div class="fileLocal"><div class="col-xs-10 col-sm-10 col-md-10 col-lg-10 mgt10">'
		       +'<input class="form-control"></div>'
		       +'<div class="col-xs-2 col-sm-2 col-md-2 col-lg-2 mgt10">'
		       +'<button type="button" class="btn btn-default blue_btn col-sm-1 deleteBtn"></button></div>'
		       +'</div>',
		add : function() {
					var p = this.param;
					var temp = $(this.html);
					temp.find("input").attr("id","filename_"+p.id).val(p.name);
					temp.find("button.deleteBtn").attr("id","deleteBtn_"+p.id).click(function(){
						uploadFile.remove(p.id);
						uploadFile.reset("remove",p.rId,p.rName);
					});
					var len = $("div.url").siblings(".fileLocal:last").length;
					if(len>0){
						if(""==$("div.fileLocal").find("input").val()){
							$("div.fileLocal").remove();
							$("div.url").after(temp);
						}else{
							$("div.fileLocal:last").after(temp);
						}
					}else{
						$("div.url").after(temp);
					}				
					uploadFile.reset("add",p.rId,p.rName);
					$("div.url").css("display","none");
		},
		/*
		 
		add : function() {
			var p = this.param;
			var len = $("div.url").siblings(".fileLocal:last").length;
			if(len>0){
				if(""==$("div.fileLocal").find("input").val()){
					console.log("-----------");
					$("div.fileLocal").find("input").attr("id","filename_"+p.id).val(p.name);
					$("div.fileLocal").find("button.deleteBtn").attr("id","deleteBtn_"+p.id).click(function(){
						uploadFile.remove(p.id);
						uploadFile.reset("remove",p.rId,p.rName);
					});
				}else{					
					var temp = $(this.html);
					temp.find("input").attr("id","filename_"+p.id).val(p.name);
					temp.find("button.deleteBtn").attr("id","deleteBtn_"+p.id).click(function(){
						uploadFile.remove(p.id);
						uploadFile.reset("remove",p.rId,p.rName);
					});
					$("div.fileLocal:last").after(temp);
				}
			}else{
				var temp = $(this.html);
				temp.find("input").attr("id","filename_"+p.id).val(p.name);
				temp.find("button.deleteBtn").attr("id","deleteBtn_"+p.id).click(function(){
					uploadFile.remove(p.id);
					uploadFile.reset("remove",p.rId,p.rName);
				});
				$("div.url").after(temp);
			}		
			uploadFile.reset("add",p.rId,p.rName);
			$("div.url").css("display","none");
        },
		*/
		remove : function(id) {			
			showConfirm('<s:text name="coocDelMessage1"/>',function(){
				var fileNum = $("div.fileLocal").length;
				if(fileNum==1){
					$(".fileLocal input").val("");
					$("#fileid").val("");
					$("#arr").val("");
				}else{
					$("#deleteBtn_"+id).parent().parent().remove();
				}			    
			});
		},
		reset : function(flag,rId,rName) {
			var id = $("#fileid").val(), 
			name = $("#arr").val();
			
			if(flag=='add') {
				id = id + rId;
				name = name + rName;	
			} else if (flag=="remove"){
				id = id.replace(rId,"");
				name = name.replace(rName,"");
			}
			$("#fileid").val(id); 
			$("#arr").val(name);
			console.log($("#fileid").val() + "---" + $("#arr").val());
		}
	};

function uploadRender() {
		$("#uploadBtn").uploadify({
			width		  : 130,
			height		  : 35,
		    buttonText    : '<s:text name="uploadMySource"/>',
		    swf           : '<%=basePath%>resource/script/plugins/uploadify/uploadify.swf',
		    uploader      : '<%=basePath%>upload',
		    fileSizeLimit   : 1000*1024,
		    fileTypeExts : '*.gif;*.zip;*.jpg;*.jpeg;*.exe;*.bmp;*.exe;*.apk;*.png;*.doc;*.docx;*.ppt;*.pptx;*.pdf;*.mp4;*.flv;*.rm;*.rmvb;*.3gp;*.mkv;*.avi;*.wmv;*.mp3;*.txt;*.epub;*.xls;*.xlsx',
		    fileTypeDesc : 'select',
		    multi : true,
		    uploadLimit : 0,
		    queueID  :  'queuelist',
		    onSelectError : function(file,errorCode,erorMsg){
		    	switch(errorCode) {
	             case -100:
	            	 this.queueData.errorMsg ="<s:text name='errorMsg1'/>";
	            	 break;
	             case -110:
	            	 this.queueData.errorMsg ="<s:text name='errorMsg2'/>";
	                 break;
	             case -120:
	            	 this.queueData.errorMsg ="<s:text name='errorMsg3'/>";
	                 break;
	         	}
	    	},
		    onQueueComplete : function(queueData){
		    	//$("#fileid").val(id);  $("#arr").val(arr);
			},
			onUploadSuccess : function (event, ID, fileObj, response, data) {//   
				//id = id+ID+'|'; name = event.name; arr = arr + name + '|';
				var elementId = ID.substring(0,ID.indexOf("."));
				uploadFile.initData({id:elementId, name:event.name, rId:(ID+"|"), rName:(event.name+"|")});
				uploadFile.add();
			}	
		});
	}