웹마스터 팁
[시니시즘] 파일첨부 버튼 2개 만들기 팁
2012.01.27 08:15
다들 아시겠지만 XE는 SWF Uploader를 사용하고 있습니다.
왜 굳이 SWF Uploader를 사용하느냐 불만을 가지신 몇몇 사용자 분들 보긴 했지만
SWF Uploader는 멀티셀렉트 다이어로그, file type 및 size 검사 가능, 프로그레스 핸들링 가능 등
php 업로드에 있어서 탁월한 기능을 인정받은 업로더라고 할 수 있습니다.
어떤 분은 파일첨부 아이콘을 바꾸시지 못하셔서 굉장히 아쉬워 하시더군요. 사실 디게 쉬운데.
이번 글에서는 매우 간단한 팁이지만 모르시는 분에게는 매우 난해해 하셨을 수도 있었던 꼼수팁을
가르쳐 드리려 합니다.
바로 파일첨부 버튼 2개 만들기.
/modules/editor/skins/xpresseditor/editor.html 를 열어보시면 버튼이 이런식으로 만들어져 있는걸 보실 수 있습니다.
<button type="button" id="swfUploadButton{$editor_sequence}" class="text">{$lang->edit->upload_file}</button>
여기서 버튼을 하나 더 만들어 볼까요 ㅋ
<button type="button" id="swfUploadButton{$editor_sequence}" class="text">{$lang->edit->upload_file}</button> <button type="button" id="swfUploadButton{$editor_sequence}" class="text">{$lang->edit->upload_file}</button>
XE업로더에서는 버튼의 아이디를 통해 핸들링을 합니다.
그러면 아이디가 중복되면 안되겠죠? 끝에 _1, _2로 구분시켜 주세요.
<button type="button" id="swfUploadButton{$editor_sequence}_1" class="text">{$lang->edit->upload_file}</button> <button type="button" id="swfUploadButton{$editor_sequence}_2" class="text">{$lang->edit->upload_file}</button>
자, 근데 이렇게 하니까 2개 다 먹통이 되버리죠-0- 그럼 핸들링 될 버튼의 아이디 값을 어디서 지정하느냐...
요기 있네요.
editorUploadInit({ "editorSequence" : {$editor_sequence}, "sessionName" : "{session_name()}", "allowedFileSize" : "{$file_config->allowed_filesize}", "allowedFileTypes" : "{$file_config->allowed_filetypes}", "allowedFileTypesDescription" : "{$file_config->allowed_filetypes}", "insertedFiles" : {(int)$files_count}, "replaceButtonID" : "swfUploadButton{$editor_sequence}", "fileListAreaID" : "uploaded_file_list_{$editor_sequence}", "previewAreaID" : "preview_uploaded_{$editor_sequence}", "uploaderStatusID" : "uploader_status_{$editor_sequence}" });
요걸 이렇게 바꿔줍니다 ㅋ
editorUploadInit({ "editorSequence" : {$editor_sequence}, "sessionName" : "{session_name()}", "allowedFileSize" : "{$file_config->allowed_filesize}", "allowedFileTypes" : "{$file_config->allowed_filetypes}", "allowedFileTypesDescription" : "{$file_config->allowed_filetypes}", "insertedFiles" : {(int)$files_count}, "replaceButtonID" : "swfUploadButton{$editor_sequence}_1", "fileListAreaID" : "uploaded_file_list_{$editor_sequence}", "previewAreaID" : "preview_uploaded_{$editor_sequence}", "uploaderStatusID" : "uploader_status_{$editor_sequence}" }); editorUploadInit({ "editorSequence" : {$editor_sequence}, "sessionName" : "{session_name()}", "allowedFileSize" : "{$file_config->allowed_filesize}", "allowedFileTypes" : "{$file_config->allowed_filetypes}", "allowedFileTypesDescription" : "{$file_config->allowed_filetypes}", "insertedFiles" : {(int)$files_count}, "replaceButtonID" : "swfUploadButton{$editor_sequence}_2", "fileListAreaID" : "uploaded_file_list_{$editor_sequence}", "previewAreaID" : "preview_uploaded_{$editor_sequence}", "uploaderStatusID" : "uploader_status_{$editor_sequence}" });
init을 2번 해주는거죠 ㅋ
끝입니다. ^^
버튼은 3개 4개 만들고 싶으면 _3, _4 이런식으로 계속 넣으시면 됩니다^^;
이게 어디다 써먹냐고요? 글쎄요... 언젠가 한번 써먹으실 일이 있겠죠^^ 하하;;
이외 파일첨부 관련 문의사항 있으시면 언제든지 질문 주시기 바랍니다 ;)
좋은 하루 되세요^-^;
|
제목 | 글쓴이 | 날짜 |
---|---|---|
7일이상 지난 글에 댓글달면 포인트 지급 안하기 [19] | SMaker | 2011.02.21 |
요약 책갈피 경량판 애드온(misol 님) - 회색으로 작업한 이미지입니다. 필요한분 사용하세요 [1] | 빨간발 | 2011.02.16 |
nginx에서 proxy 설정하기 [2] | fsfsdas | 2011.02.20 |
[시니시즘] 파일첨부 버튼 2개 만들기 팁 [1] | 시니시즘 | 2012.01.27 |
확장변수 중 전화번호 양식으로 write_form.html 에서 script로 제어시 | sejin7940 | 2012.02.16 |
XE에서 메일기능이 작동하지 않을때 | 애호가 | 2012.02.16 |
일반 페이지에 로그인(세션) 정보 활용하기 [13] | noirzo | 2008.11.07 |
v1.5 관리자 페이지에서 v1.4처럼 모듈 목록 펼쳐놓기 [14] | 우진홈 | 2012.01.21 |
업데이트 후 사이트 통함검색이 안되시는 분 보십시오^^ | RGM | 2012.02.12 |
SEO:타이틀중 게시글제목과 게시판제목의 위치를 바꾸기 [4] | 해커다 | 2012.01.05 |
다른 도메인간 iframe 크기 자동조절(cross domain iframe auto resize) [2] | 서기 | 2008.04.24 |
스마트폰에서 xe 구축 [3] | 최태진814 | 2012.02.06 |
make install 로 설치한 파일 제거 방법 [2] | StyleRoot | 2012.02.08 |
[XE1.4.5.10]게시판 파일첨부 버튼이 먹통일 때.. | 카리브 | 2012.02.08 |
특정 도메인의 메일 주소로만 가입 인증 메일 보내기 [3] | 박정욱 | 2009.03.28 |
가가라이브 위젯이 메뉴를 가릴때 수정방법 [2] | 웹엔진 | 2012.01.26 |
XE 포인트 파일캐쉬대신 memcache 사용하기 [4] | 최기훈. | 2012.02.06 |
관리자모드에서 메뉴 항상 펼치기 [1] | 아드레날린 | 2009.06.09 |
묻고 답하기 게시물 옮기는 法 [2] | CMD | 2012.02.05 |
SSH 지원안하는 웹호스팅에서 빠르게 XE설치하기. [5] | DynamicLaser | 2011.05.22 |
혹시 파일 첨부를 swf업로드가 아닌 단일 업로드 방식으로 처리하는 방법을 설명해주실순 없으신지요?
<input type=file > 하나만 있는 있는형태로...