웹마스터 팁
[시니시즘] 파일첨부 버튼 2개 만들기 팁
2012.01.27 08:15
다들 아시겠지만 XE는 SWF Uploader를 사용하고 있습니다.
왜 굳이 SWF Uploader를 사용하느냐 불만을 가지신 몇몇 사용자 분들 보긴 했지만
SWF Uploader는 멀티셀렉트 다이어로그, file type 및 size 검사 가능, 프로그레스 핸들링 가능 등
php 업로드에 있어서 탁월한 기능을 인정받은 업로더라고 할 수 있습니다.
어떤 분은 파일첨부 아이콘을 바꾸시지 못하셔서 굉장히 아쉬워 하시더군요. 사실 디게 쉬운데.
이번 글에서는 매우 간단한 팁이지만 모르시는 분에게는 매우 난해해 하셨을 수도 있었던 꼼수팁을
가르쳐 드리려 합니다.
바로 파일첨부 버튼 2개 만들기.
/modules/editor/skins/xpresseditor/editor.html 를 열어보시면 버튼이 이런식으로 만들어져 있는걸 보실 수 있습니다.
1 | <button type="button" id="swfUploadButton{$editor_sequence}" class="text">{$lang->edit->upload_file}</button> |
여기서 버튼을 하나 더 만들어 볼까요 ㅋ
1 2 | <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로 구분시켜 주세요.
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- 그럼 핸들링 될 버튼의 아이디 값을 어디서 지정하느냐...
요기 있네요.
1 2 3 4 5 6 7 8 9 10 11 12 | 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}"}); |
요걸 이렇게 바꿔줍니다 ㅋ
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 | 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 이런식으로 계속 넣으시면 됩니다^^;
이게 어디다 써먹냐고요? 글쎄요... 언젠가 한번 써먹으실 일이 있겠죠^^ 하하;;
이외 파일첨부 관련 문의사항 있으시면 언제든지 질문 주시기 바랍니다 ;)
좋은 하루 되세요^-^;
|
|
혹시 파일 첨부를 swf업로드가 아닌 단일 업로드 방식으로 처리하는 방법을 설명해주실순 없으신지요?
<input type=file > 하나만 있는 있는형태로...