mirror of
https://github.com/Lastorder-DC/rhymix.git
synced 2026-05-22 05:15:29 +09:00
5574ab94b7
#117 위지윅 에디터의 스킨화를 위한 분리 및 검사 완료. 단 모듈에서 에디터 스킨을 선택하는 부분에 대한 기획 필요. 에디터 tpl내의 언어파일을 에디터 모듈의 공통 언어로 합쳐서 수정. 에디터 iframe을 window.onload후 객체 생성을 하지 않고 바로 html태그로 출력하여 브라우저의 버벅거림을 살짝 줄임. git-svn-id: http://xe-core.googlecode.com/svn/sandbox@2406 201d5d3c-b55e-5fd7-737f-ddc643e51545
275 lines
12 KiB
JavaScript
Executable file
275 lines
12 KiB
JavaScript
Executable file
/**
|
|
* @author zero (zero@nzeo.com)
|
|
* @version 0.1
|
|
* @brief 파일 업로드 관련
|
|
*
|
|
***********************************************************************************************************************************************
|
|
* 제로보드XE의 게시물 파일업로드 컴포넌트는 "mmSWFUpload 1.0: Flash upload dialog - http://swfupload.mammon.se/" 를 사용합니다.
|
|
* - SWFUpload is (c) 2006 Lars Huring and Mammon Media and is released under the MIT License:http://www.opensource.org/licenses/mit-license.php
|
|
***********************************************************************************************************************************************
|
|
* 감사합니다.
|
|
**/
|
|
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) {
|
|
try {
|
|
document.execCommand('BackgroundImageCache',false,true);
|
|
} catch(e) { }
|
|
|
|
// SWFUploader load
|
|
var uploader_name = "swf_uploader_"+upload_target_srl;
|
|
var embed_html = "";
|
|
var flashVars = 'uploadProgressCallback=editor_upload_progress&uploadFileErrorCallback=editor_upload_error_handle&allowedFiletypesDescription='+uploader_setting["allowed_filetypes_description"]+'&autoUpload=true&allowedFiletypes='+uploader_setting["allowed_filetypes"]+'&maximumFilesize='+uploader_setting["allowed_filesize"]+'&uploadQueueCompleteCallback=editor_display_uploaded_file&uploadScript='+escape(request_uri+'?mid='+current_url.getQuery('mid')+'&act=procFileUpload&upload_target_srl='+upload_target_srl+'&PHPSESSID='+xGetCookie(zbxe_session_name));
|
|
|
|
if(navigator.plugins&&navigator.mimeTypes&&navigator.mimeTypes.length) {
|
|
embed_html = '<embed type="application/x-shockwave-flash" src="'+request_uri+'/modules/editor/tpl/images/SWFUpload.swf" width="1" height="1" id="'+uploader_name+'" name="'+uploader_name+'" quality="high" wmode="transparent" menu="false" flashvars="'+flashVars+'" />';
|
|
} else {
|
|
embed_html = '<object id="'+uploader_name+'" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="1" height="1"><param name="movie" value="'+request_uri+'./modules/editor/tpl/images/SWFUpload.swf" /><param name="bgcolor" value="#000000" /><param name="quality" value="high" /><param name="wmode" value="transparent" /><param name="menu" value="false" /><param name="flashvars" value="'+flashVars+'" /></object>';
|
|
}
|
|
|
|
if(xIE4Up) {
|
|
window.document.body.insertAdjacentHTML("afterEnd", "<div style='width:1px;height:1px;position:absolute;top:0px;left:0px'>"+embed_html+"</div>");
|
|
} else {
|
|
var dummy = xCreateElement("div");
|
|
dummy.style.width = "1px";
|
|
dummy.style.height = "1px";
|
|
dummy.style.position="absolute";
|
|
dummy.style.top="0px";
|
|
dummy.style.left="0px";
|
|
xInnerHtml(dummy, embed_html);
|
|
window.document.body.appendChild(dummy);
|
|
}
|
|
|
|
// 임시 iframe을 생성
|
|
if(!xGetElementById('tmp_upload_iframe')) {
|
|
if(xIE4Up) {
|
|
window.document.body.insertAdjacentHTML("afterEnd", "<iframe id='tmp_upload_iframe' name='tmp_upload_iframe' style='display:none;width:1px;height:1px;position:absolute;top:-10px;left:-10px'></iframe>");
|
|
} 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;
|
|
|
|
// 기 등록된 파일 표시
|
|
editor_display_uploaded_file(upload_target_srl);
|
|
}
|
|
|
|
// upload_target_srl에 등록된 파일 표시
|
|
var _prev_upload_target_srl = 0;
|
|
function editor_display_uploaded_file(upload_target_srl) {
|
|
if(typeof(upload_target_srl)=='undefined'||!upload_target_srl) {
|
|
if(_prev_upload_target_srl) {
|
|
upload_target_srl = _prev_upload_target_srl;
|
|
_prev_upload_target_srl = 0;
|
|
} else return;
|
|
}
|
|
var url = request_uri + "?act=procFileDelete&upload_target_srl="+upload_target_srl+"&mid="+current_url.getQuery('mid');
|
|
|
|
// iframe에 url을 보내버림
|
|
var iframe_obj = xGetElementById('tmp_upload_iframe');
|
|
if(!iframe_obj) return;
|
|
iframe_obj.contentWindow.document.location.href=url;
|
|
}
|
|
|
|
// 파일 업로드 에러 핸들링
|
|
function editor_upload_error_handle(errcode,file,msg) {
|
|
switch(errcode) {
|
|
case -10 :
|
|
alert("- Error Code: HTTP Error\n- File name: "+file.name+"\n- Message: "+msg);
|
|
break;
|
|
case -20 :
|
|
alert("- Error Code: No upload script\n- File name: "+file.name+"\n- Message: "+msg);
|
|
break;
|
|
case -30 :
|
|
alert("- Error Code: IO Error\n- File name: "+file.name+"\n- Message: "+msg);
|
|
break;
|
|
case -40 :
|
|
alert("- Error Code: Security Error\n- File name: "+file.name+"\n- Message: "+msg);
|
|
break;
|
|
case -50 :
|
|
alert("- Error Code: Filesize exceeds limit\n- File name: "+file.name+"\n- File size: "+file.size+"\n- Message: "+msg);
|
|
break;
|
|
}
|
|
}
|
|
|
|
// 파일 업로드
|
|
function editor_upload_file(upload_target_srl) {
|
|
var swf_uploader = xGetElementById("swf_uploader_"+upload_target_srl);
|
|
if(!swf_uploader) return;
|
|
swf_uploader.browse();
|
|
_prev_upload_target_srl = upload_target_srl;
|
|
}
|
|
|
|
// 업로드 진행상태 표시
|
|
var _progress_start = false;
|
|
function editor_upload_progress(file, bytesLoaded) {
|
|
var obj = xGetElementById('uploaded_file_list_'+_prev_upload_target_srl);
|
|
if(!_progress_start) {
|
|
while(obj.options.length) {
|
|
obj.remove(0);
|
|
}
|
|
_progress_start = true;
|
|
}
|
|
|
|
var percent = Math.ceil((bytesLoaded / file.size) * 100);
|
|
var filename = file.name;
|
|
if(filename.length>15) filename = filename.substr(0,15)+'...';
|
|
|
|
var text = filename + ' ('+percent+'%)';
|
|
if(!obj.options.length || obj.options[obj.options.length-1].value != file.id) {
|
|
var opt_obj = new Option(text, file.id, true, true);
|
|
obj.options[obj.options.length] = opt_obj;
|
|
} else {
|
|
obj.options[obj.options.length-1].text = text;
|
|
}
|
|
}
|
|
|
|
// 업로드된 파일 목록 비움
|
|
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('preview_uploaded_'+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);
|
|
if(filename.length>15) filename = filename.substr(0,15)+'...';
|
|
var text = filename+' ('+disp_file_size+')';
|
|
var opt_obj = new Option(text, 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);
|
|
_progress_start = false;
|
|
}
|
|
|
|
// 파일 목록창에서 클릭 되었을 경우 미리 보기
|
|
function editor_preview(sel_obj, upload_target_srl) {
|
|
var preview_obj = xGetElementById('preview_uploaded_'+upload_target_srl);
|
|
if(!sel_obj.options.length) {
|
|
xInnerHtml(preview_obj, '');
|
|
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;
|
|
|
|
if(!uploaded_filename) {
|
|
xInnerHtml(preview_obj, '');
|
|
return;
|
|
}
|
|
|
|
var html = "";
|
|
|
|
// 플래쉬 동영상의 경우
|
|
if(/\.flv$/i.test(uploaded_filename)) {
|
|
html = "<EMBED src=\"./common/tpl/images/flvplayer.swf?autoStart=false&file="+uploaded_filename+"\" width=\"110\" height=\"110\" type=\"application/x-shockwave-flash\"></EMBED>";
|
|
|
|
// 플래쉬 파일의 경우
|
|
} else if(/\.swf$/i.test(uploaded_filename)) {
|
|
html = "<EMBED src=\""+uploaded_filename+"\" width=\"110\" height=\"110\" type=\"application/x-shockwave-flash\"></EMBED>";
|
|
|
|
// wmv, avi, mpg, mpeg등의 동영상 파일의 경우
|
|
} else if(/\.(wmv|avi|mpg|mpeg|asx|asf|mp3)$/i.test(uploaded_filename)) {
|
|
html = "<EMBED src=\""+uploaded_filename+"\" width=\"110\" height=\"110\" autostart=\"true\" Showcontrols=\"0\"></EMBED>";
|
|
|
|
// 이미지 파일의 경우
|
|
} else if(/\.(jpg|jpeg|png|gif)$/i.test(uploaded_filename)) {
|
|
html = "<img src=\""+uploaded_filename+"\" border=\"0\" width=\"110\" height=\"110\" />";
|
|
|
|
}
|
|
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 url = request_uri+"/?act=procFileDelete&upload_target_srl="+upload_target_srl+"&file_srl="+file_srl+"&mid="+current_url.getQuery('mid');
|
|
|
|
// iframe에 url을 보내버림
|
|
var iframe_obj = xGetElementById('tmp_upload_iframe');
|
|
if(!iframe_obj) return;
|
|
|
|
iframe_obj.contentWindow.document.location.href=url;
|
|
|
|
var preview_obj = xGetElementById('preview_uploaded_'+upload_target_srl);
|
|
xInnerHtml(preview_obj, "");
|
|
}
|
|
|
|
// 업로드 목록의 선택된 파일을 내용에 추가
|
|
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.indexOf("binaries")==-1) {
|
|
// 이미지 파일의 경우 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 url = request_uri+"/?module=file&act=procFileDownload&file_srl="+file_srl+"&sid="+sid;
|
|
openComponent("url_link", upload_target_srl, url);
|
|
}
|
|
}
|