웹마스터 팁

 

 다들 아시겠지만 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 이런식으로 계속 넣으시면 됩니다^^;

 

 이게 어디다 써먹냐고요? 글쎄요... 언젠가 한번 써먹으실 일이 있겠죠^^ 하하;;

 

 이외 파일첨부 관련 문의사항 있으시면 언제든지 질문 주시기 바랍니다 ;)

 

 좋은 하루 되세요^-^;

 

[시니시즘] '내용을 입력해주세요' 무시하기 팁

제목 글쓴이 날짜
폴더에 올린 mp3를 자동으로 podcast로 만들어주는 소스... ^^ [2] 하얀마법 2010.09.11
레이아웃 편집, 게시판 상/하단 내용에 위젯 스타일 적용하기 [2] LutZ 2010.09.12
어느날 로그인이 안된신다면..? 이걸 점검을.. 청개굴이 2010.09.13
아무 에러 없이 로그인이 되지 않을 시 해결법 [1] SMaker 2010.09.13
css 배경이미지가 잘린다 싶을때... ForHanbi 2010.09.14
게시글을 다른 게시판에로 이동시 알아야 할 중요한 사항! [2] 유샤인 2010.09.15
새로운 회원가입 형식 - 이게 팁이 될 줄 모르겠네요. ^^ [20] SeoSeungHyun 2010.09.15
레이아웃설정에 언어팩추가하기 [8] file 팔공산 2010.09.16
로그인/로그아웃 시 그페이지에 그대로 남아있게하기. [4] 롤리^^ 2010.09.16
탈퇴한 회원이 재가입 못하게 막는 방법 & 탈퇴한 회원 정보 보전 방법 [9] sejin7940 2010.09.17
제로보드에서 iframe 높이 자동(유동적)조절(파폭,IE, 오페라,사파리,IETester) [11] file hhgyu 2010.09.17
티스토리 블로그에 댓글 작성시 프로필 이미지 나오게 하기 도라란 2010.09.17
IE9 작업표시줄 웹 어플리케이션 속성 만들기 [1] SeoSeungHyun 2010.09.17
언어선택옆에 언어별국기 출력하기 [6] file 팔공산 2010.09.17
게시판 글쓸때 에디터에 기본값(기본내용) 넣는방법 놋네눨느. 2010.09.21
글 작성후 작성한 글이 아닌 목록으로 이동하게 수정하기 (전체게시판 적용) [1] 도라란 2010.09.21
받은쪽지에서 아이디 출력을 제거하고 닉네임만 뜨게하기. [4] XEMALL 2010.09.25
imageshack 업로드 버튼 코드 [2] 도라란 2010.09.27
1.4.4 판올림 이후 발생하는 문제들 - 개발자용 [10] June Oh 2010.09.30
IE6~8에서 CSS3속성 사용하기 [1] SeoSeungHyun 2010.10.01