/** * @author zero (zero@nzeo.com) * @version 0.1 * @brief 파일 업로드 관련 **/ var uploading_file = false; var uploaded_files = new Array(); // 업로드를 하기 위한 준비 시작 function editor_upload_init(upload_target_srl) { xAddEventListener(window,'load',function() {editor_upload_form_set(upload_target_srl);} ); } // upload_target_srl에 해당하는 form의 action을 iframe으로 변경 function editor_upload_form_set(upload_target_srl) { // input type=file의 위치 및 설정 변경 var uploader = xGetElementById("file_uploader_"+upload_target_srl); if(xIE4Up) { xLeft(uploader, -40); xTop(uploader, -85); uploader.style.filter = "alpha(opacity=0)"; } else { xLeft(uploader, -15); xTop(uploader, -85); uploader.style.opacity = 0; } uploader.style.display = "block"; // 업로드용 iframe을 생성 if(!xGetElementById('tmp_upload_iframe')) { if(xIE4Up) { window.document.body.insertAdjacentHTML("afterEnd", ""); } else { var obj_iframe = xCreateElement('IFRAME'); obj_iframe.name = obj_iframe.id = 'tmp_upload_iframe'; obj_iframe.style.display = 'none'; obj_iframe.style.width = '1px'; obj_iframe.style.height = '1px'; obj_iframe.style.position = 'absolute'; obj_iframe.style.top = '-10px'; obj_iframe.style.left = '-10px'; window.document.body.appendChild(obj_iframe); } } // form의 action 을 변경 var field_obj = xGetElementById("uploaded_file_list_"+upload_target_srl); if(!field_obj) return; var fo_obj = field_obj.parentNode; while(fo_obj.nodeName != 'FORM') { fo_obj = fo_obj.parentNode; } fo_obj.target = 'tmp_upload_iframe'; // upload_target_srl에 해당하는 첨부파일 목록을 로드 (procDeleteFile에 file_srl을 보내주지 않으면 삭제시도는 없이 목록만 갱신할 수 있음) var module = ""; if(fo_obj["module"]) module = fo_obj.module.value; var mid = ""; if(fo_obj["mid"]) mid = fo_obj.mid.value; var document_srl = ""; if(fo_obj["document_srl"]) document_srl = fo_obj.document_srl.value; var url = "./?act=procFileDelete&upload_target_srl="+upload_target_srl; if(module) url+="&module="+module; if(mid) url+="&mid="+mid; if(document_srl) url+="&document_srl="+document_srl; // iframe에 url을 보내버림 var iframe_obj = xGetElementById('tmp_upload_iframe'); if(!iframe_obj) return; iframe_obj.contentWindow.document.location.href=url; } // 파일 업로드 function editor_file_upload(field_obj, upload_target_srl) { if(uploading_file) return; var fo_obj = field_obj.parentNode; while(fo_obj.nodeName != 'FORM') { fo_obj = fo_obj.parentNode; } uploading_file = true; fo_obj.submit(); uploading_file = false; var sel_obj = xGetElementById('uploaded_file_list_'+upload_target_srl); var str = 'wait for uploading...'; var opt_obj = new Option(str, '', true, true); sel_obj.options[sel_obj.options.length] = opt_obj; } // 업로드된 파일 목록을 삭제 function editor_upload_clear_list(upload_target_srl) { var obj = xGetElementById('uploaded_file_list_'+upload_target_srl); while(obj.options.length) { obj.remove(0); } var preview_obj = xGetElementById('uploaded_file_preview_box_'+upload_target_srl); xInnerHtml(preview_obj,'') } // 업로드된 파일 정보를 목록에 추가 function editor_insert_uploaded_file(upload_target_srl, file_srl, filename, file_size, disp_file_size, uploaded_filename, sid) { var obj = xGetElementById('uploaded_file_list_'+upload_target_srl); var string = filename+' ('+disp_file_size+')'; var opt_obj = new Option(string, file_srl, true, true); obj.options[obj.options.length] = opt_obj; var file_obj = {file_srl:file_srl, filename:filename, file_size:file_size, uploaded_filename:uploaded_filename, sid:sid} uploaded_files[file_srl] = file_obj; editor_preview(obj, upload_target_srl); } // 파일 목록창에서 클릭 되었을 경우 미리 보기 function editor_preview(sel_obj, upload_target_srl) { if(sel_obj.options.length<1) return; var file_srl = sel_obj.options[sel_obj.selectedIndex].value; var obj = uploaded_files[file_srl]; if(typeof(obj)=='undefined'||!obj) return; var uploaded_filename = obj.uploaded_filename; var preview_obj = xGetElementById('preview_uploaded_'+upload_target_srl); if(!uploaded_filename) { xInnerHtml(preview_obj, ''); return; } var html = ""; // 플래쉬 동영상의 경우 if(/\.flv$/i.test(uploaded_filename)) { html = ""; // 플래쉬 파일의 경우 } else if(/\.swf$/i.test(uploaded_filename)) { html = ""; // wmv, avi, mpg, mpeg등의 동영상 파일의 경우 } else if(/\.(wmv|avi|mpg|mpeg|asx|asf|mp3)$/i.test(uploaded_filename)) { html = ""; // 이미지 파일의 경우 } else if(/\.(jpg|jpeg|png|gif)$/i.test(uploaded_filename)) { html = ""; } xInnerHtml(preview_obj, html); } // 업로드된 파일 삭제 function editor_remove_file(upload_target_srl) { var obj = xGetElementById('uploaded_file_list_'+upload_target_srl); if(obj.options.length<1) return; var file_srl = obj.options[obj.selectedIndex].value; if(!file_srl) return; // 삭제하려는 파일의 정보를 챙김;; var fo_obj = obj; while(fo_obj.nodeName != 'FORM') { fo_obj = fo_obj.parentNode; } var mid = fo_obj.mid.value; var upload_target_srl = fo_obj.upload_target_srl.value; var url = "./?mid="+mid+"&act=procFileDelete&upload_target_srl="+upload_target_srl+"&file_srl="+file_srl; // iframe에 url을 보내버림 var iframe_obj = xGetElementById('tmp_upload_iframe'); if(!iframe_obj) return; iframe_obj.contentWindow.document.location.href=url; } // 업로드 목록의 선택된 파일을 내용에 추가 function editor_insert_file(upload_target_srl) { var obj = xGetElementById('uploaded_file_list_'+upload_target_srl); if(obj.options.length<1) return; var file_srl = obj.options[obj.selectedIndex].value; if(!file_srl) return; var file_obj = uploaded_files[file_srl]; var filename = file_obj.filename; var sid = file_obj.sid; var uploaded_filename = file_obj.uploaded_filename; // 바로 링크 가능한 파일의 경우 (이미지, 플래쉬, 동영상 등..) if(uploaded_filename) { // 이미지 파일의 경우 image_link 컴포넌트 열결 if(/\.(jpg|jpeg|png|gif)$/i.test(uploaded_filename)) { openComponent("image_link", upload_target_srl, uploaded_filename); // 이미지외의 경우는 multimedia_link 컴포넌트 연결 } else { openComponent("multimedia_link", upload_target_srl, uploaded_filename); } // binary파일의 경우 url_link 컴포넌트 연결 } else { var fo_obj = obj; while(fo_obj.nodeName != 'FORM') { fo_obj = fo_obj.parentNode; } var mid = fo_obj.mid.value; var upload_target_srl = fo_obj.upload_target_srl.value; var url = "./?module=file&act=procFileDownload&file_srl="+file_srl+"&sid="+sid; openComponent("url_link", upload_target_srl, url); } }