$(document).ready(function(){ //공통 js /* 목록 정렬 항목 아이콘 표시 */ var searchSortCnd = $("[name='searchSortCnd']").val(); var searchSortOrd = $("[name='searchSortOrd']").val(); if (searchSortCnd != "" && searchSortOrd != "" && searchSortCnd != undefined && searchSortOrd != undefined) { var $sort_div = $("#sort_"+ searchSortCnd); var sortClass = 'sortBtnAsc' ; if (searchSortOrd == "desc") sortClass = "sortBtnDesc"; $sort_div.replaceClass('sortBtn' , sortClass) ; $sort_div.attr("sortOrd", searchSortOrd); } // 정렬 항목 이벤트 $(".sort").click(function(e) { listSortOrd(this); }); //파일업로드 드래그앤 드롭 var objDragAndDrop = $(".upload_area"); $(document).on("dragenter",".upload_area",function(e){ e.stopPropagation(); e.preventDefault(); //$(this).css('border', '2px solid #0B85A1'); }); $(document).on("dragover",".upload_area",function(e){ e.stopPropagation(); e.preventDefault(); }); $(document).on("drop",".upload_area",function(e){ //$(this).css('border', '2px dotted #0B85A1'); e.preventDefault(); var files = e.originalEvent.dataTransfer.files; handleFileUpload(files,objDragAndDrop); //파일업로드 }); $(document).on('dragenter', function (e){ e.stopPropagation(); e.preventDefault(); }); $(document).on('dragover', function (e){ e.stopPropagation(); e.preventDefault(); //objDragAndDrop.css('border', '2px dotted #0B85A1'); }); $(document).on('drop', function (e){ e.stopPropagation(); e.preventDefault(); }); drawUploadArea() $(function(){ //단일 파일업로드 $('#file_temp').change(function(e){ var objUpload = $(".upload_area"); var files = $('#file_temp')[0].files; handleFileUpload(files,objUpload); //파일업로드 if($("#file_temp").length > 0){ $("#file_temp").val(""); //파일지우기 } }); }); //최대 업로드 파일갯수 화면 노출 세팅 if($("[name='limitcount']").length>0){ if($('.limitcount_li').length > 0){ $('.limitcount_li').text($("[name='limitcount']").val()); } } }); /* 파일사이즈 가져오기 */ function getStrFileSize(filesize){ var sizeStr=""; var sizeKB = filesize/1024; if(parseInt(sizeKB) > 1024){ var sizeMB = sizeKB/1024; sizeStr = sizeMB.toFixed(2)+" MB"; }else{ sizeStr = sizeKB.toFixed(2)+" KB"; } return sizeStr; } /* 파일 이미지 가져오기 */ function getfile_img(file_name){ var img_type = file_name.split('.')[file_name.split('.').length-1].toLowerCase(); if(img_type == "xlsx"){ img_type = "xls"; }else if(img_type == "jpeg" || img_type == "png" || img_type == "bmp"){ img_type = "jpg"; }else if(img_type == "doc"){ img_type = "hwp"; } var img_url = ""; switch (img_type) { case "pdf" : img_url = "/direct/img/enroll_pdf_file.png" ; break; case "xls" : img_url = "/direct/img/enroll_exel_file.png" ; break; case "hwp" : img_url = "/direct/img/enroll_hwp_file.png" ; break; case "jpg" : img_url = "/direct/img/enroll_jpg_file.png" ; break; case "mp4" : img_url = "/direct/img/enroll_mp4_file.png" ; break; case "ppt" : img_url = "/direct/img/enroll_ppt_file.png" ; break; case "zip" : img_url = "/direct/img/enroll_zip_file.png" ; break; default : img_url = "/direct/img/enroll_jpg_file.png" ; } return img_url ; } /*등록 시간 가져오기 */ function getDate(){ var d = new Date(); var year = d.getFullYear(); var month = d.getMonth() + 1 ; month.toString().length < 2 ? month = "0"+month : month; var date = d.getDate() ; date.toString().length < 2 ? date = "0"+date : date; var currentDate = year+"-"+month+"-"+date+" "; var hour = d.getHours(); hour.toString().length < 2 ? hour = "0"+hour : hour; var minutes = d.getMinutes() ; minutes.toString().length < 2 ? minutes = "0"+minutes : minutes; var seconds = d.getSeconds() ; seconds.toString().length < 2 ? seconds = "0"+seconds : hour; currentTime = hour+"-"+minutes+"-"+seconds ; return currentDate + currentTime ; } /*파일 드래그앤 드롭*/ /* 파일등록 */ var _fileIdx = 0; var _fileForm2 = new Array(); function handleFileUpload(files,obj) //업로드 function { var limitsize = 50*1024*1024; //파일 제한 체크(50개, 50MB) var limitcount = $("input[name=limitcount]").val()*1 ; var fileNece = true; //첨부파일필수 if($('#fileNece').length > 0){ if('N'==$('#fileNece').val()){ fileNece = false; } } if($('#tbody_fiielist').find('tr').length + files.length > limitcount && fileNece){ alert("업로드 파일은 최대 "+limitcount+"개 입니다."); return ; } //파일 확장자 제한하기 var fileNm = ""; for (var i = 0; i < files.length; i++){ fileNm = files[i].name; var fileArr = fileNm.split("."); var fileExt = fileArr[1].toLowerCase(); if(fileExt == 'png' || fileExt == 'jpg' || fileExt == 'jpeg'){ if(files[i].size > limitsize){ alert(files[i].name+"파일 사이즈가"+getStrFileSize(files[i].size)+"로 50MB이하만 업로드 가능합니다."); return ; } }else{ alert("사용할 수 없는 파일형식입니다. 이미지(PNG, JPG, JPEG) 파일만 등록해 주세요."); return false; } } for (var i = 0; i < files.length; i++) { var fd = new FormData(); fd.append('file', files[i]); var tmpObj = new Object(); tmpObj.name = "file_" + _fileIdx; tmpObj.fileObj = files[i]; _fileForm2.push(tmpObj); sendFileToServer(fd, obj, files[i], _fileIdx); _fileIdx++; var totalfileSize = 0; $('.totalfileCount').text($('.item_file_size').length) ; $('.item_file_size').each(function(){ totalfileSize += $(this).val()*1 ; }); $('.totalfileSize').text(getStrFileSize(totalfileSize)) ; } } function sendFileToServer(formData, obj , fileObj, _fileIdx) { $('.no_img_box').hide(); //list 박스 형식 변경 $('.file_list_div').show(); var list_html = ""; var tt = ""; list_html += ''; list_html += ''+fileObj.name+''; list_html += ''+getStrFileSize(fileObj.size)+''; list_html += ''+getDate()+''; list_html += ''; list_html += ''; list_html += ''; list_html += ''; $('#tbody_fiielist').append(list_html); } function resetFileZone(){ $('.file_size').each(function(index, element){ $(this).text(getStrFileSize($(this).text())) ; }); } /* 등록되어 있는 파일 삭제버튼 클릭시 */ function delAtchFile(itemId , fileSn){ if(!confirm("삭제하시겠습니까?")){ return false; } $.ajax({ type: "POST", url: "/uss/ion/fms/fmsfileDeleteAjax.do", data:{ "atchFileId" : itemId , "fileSn" : fileSn}, dataType:'json', cache: false, async: false, timeout: 600000, success: function (returnData, status) { if(status == 'success'){ if(returnData.result == 'fail'){ alert("삭제처리가 실패하였습니다."); }else if(returnData.result == 'auth_fail'){ alert("세션이 종료되었습니다."); }else if(returnData.result =='success'){ $('.item_'+returnData.fmsFileVO.atchFileId+"_"+returnData.fmsFileVO.fileSn).remove(); alert("삭제되었습니다."); drawUploadArea(); $('.td_txt_exist > img').attr('src', '/images/no_img.jpg') ; } }else{ alert("삭제처리에 실패하였습니다."); } }, error: function (e) { console.log("ERROR : ", e); alert("삭제처리에 실패하였습니다."); } }); } /* 임시파일 삭제버튼 클릭시 */ function delete_item(obj, fileIdx){ $(obj).closest("tr").remove(); _fileForm2.forEach(function(fobj, idx) { if (fobj.name == ("file_" + fileIdx)) _fileForm2.splice(idx, 1); //_fileForm2[idx] = ""; }); if($('.item_file_size').length == 0){ $('.file_upload_box ').show(); $('.upload_box_text').show(); $('.fileAfter').hide(); }else{ var totalfileSize = 0; $('.totalfileCount').text($('.item_file_size').length) ; $('.item_file_size').each(function(){ totalfileSize += $(this).val()*1 ; }); $('.totalfileSize').text(getStrFileSize(totalfileSize)) ; } } function drawUploadArea(){ $('.no_img_box').hide(); //list 박스 형식 변경 $('.file_list_div').show(); $('.file_name_text').each(function(index, item){ $(this).parent().find('img').attr('src', getfile_img($(this).text())) ; //이미지 변경 }); $('.file_size_text').each(function(index, item){ $(this).text(getStrFileSize($(this).attr('value'))) }); var totalfileSize = 0; $('.totalfileCount').text($('.item_file_size').length) ; $('.item_file_size').each(function(){ totalfileSize += $(this).val()*1 ; }); $('.totalfileSize').text(getStrFileSize(totalfileSize)) ; //if( $("#tbody_fiielist > [class^=item]").length == 0 && $("#tbody_fiielist > [class^=item]").length > 0 ){ if( $("#tbody_fiielist > [class^=item]").length == 0 ){ $('.no_img_box').show(); $('.file_list_div ').hide(); } } (function ($) { $.fn.replaceClass = function (pFromClass, pToClass) { return this.removeClass(pFromClass).addClass(pToClass); }; }(jQuery));