웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
멀티플 파일 업로드 프로그래시브 - SWFUpload
2007.07.19 15:52
SWFUpload는 자바스크립트와 플래시를 이용하여 손쉽게 다중 파일 업로드 프로그래스바를 구현하는 라이브러리이다.
페이지 리로드가 없고, 업로드 시작전에 파일 사이즈를 미리 알 수 있으며,
업로드 큐에서 추가/삭제, 컨트롤과 시프트 키를 조합한 다중 파일 선택, 자바스크립트 콜백 이벤트 등이 가능하다.
자세한 사항은 http://swfupload.mammon.se/ 에서 확인할 수 있습니다.
다음이 그 기본 포멧이구요.
var swfu;
window.onload = function() {
swfu = new SWFUpload({
upload_script : "/upload.php?id=someid",
target : "SWFUploadTarget",
flash_path : "/jscripts/SWFUpload/SWFUpload.swf",
allowed_filesize : 30720, // 30 MB
allowed_filetypes : "*.*",
allowed_filetypes_description : "All files...",
browse_link_innerhtml : "Browse",
upload_link_innerhtml : "Upload queue",
browse_link_class : "swfuploadbtn browsebtn",
upload_link_class : "swfuploadbtn uploadbtn",
flash_loaded_callback : 'swfu.flashLoaded',
upload_file_queued_callback : "fileQueued",
upload_file_start_callback : 'uploadFileStart',
upload_progress_callback : 'uploadProgress',
upload_file_complete_callback : 'uploadFileComplete',
upload_file_cancel_callback : 'uploadFileCancelled',
upload_queue_complete_callback : 'uploadQueueComplete',
upload_error_callback : 'uploadError',
upload_cancel_callback : 'uploadCancel',
auto_upload : false
});
};
<?php
if (move_uploaded_file($_FILES['Filedata'+ ']['tmp_name'], "uploads/".$_FILES['Filedata']['name'])) {
return 'success';
} else {
die('Fail');
}
?>
AJAX 를 함께 이용해서 간단한 웹FTP를 구현해 보았습니다.
데모 사이트는 http://miniftp.webrish.com 에서 확인할 수 있습니다.
페이지 리로드가 없고, 업로드 시작전에 파일 사이즈를 미리 알 수 있으며,
업로드 큐에서 추가/삭제, 컨트롤과 시프트 키를 조합한 다중 파일 선택, 자바스크립트 콜백 이벤트 등이 가능하다.
자세한 사항은 http://swfupload.mammon.se/ 에서 확인할 수 있습니다.
다음이 그 기본 포멧이구요.
var swfu;
window.onload = function() {
swfu = new SWFUpload({
upload_script : "/upload.php?id=someid",
target : "SWFUploadTarget",
flash_path : "/jscripts/SWFUpload/SWFUpload.swf",
allowed_filesize : 30720, // 30 MB
allowed_filetypes : "*.*",
allowed_filetypes_description : "All files...",
browse_link_innerhtml : "Browse",
upload_link_innerhtml : "Upload queue",
browse_link_class : "swfuploadbtn browsebtn",
upload_link_class : "swfuploadbtn uploadbtn",
flash_loaded_callback : 'swfu.flashLoaded',
upload_file_queued_callback : "fileQueued",
upload_file_start_callback : 'uploadFileStart',
upload_progress_callback : 'uploadProgress',
upload_file_complete_callback : 'uploadFileComplete',
upload_file_cancel_callback : 'uploadFileCancelled',
upload_queue_complete_callback : 'uploadQueueComplete',
upload_error_callback : 'uploadError',
upload_cancel_callback : 'uploadCancel',
auto_upload : false
});
};
<?php
if (move_uploaded_file($_FILES['Filedata'+ ']['tmp_name'], "uploads/".$_FILES['Filedata']['name'])) {
return 'success';
} else {
die('Fail');
}
?>
AJAX 를 함께 이용해서 간단한 웹FTP를 구현해 보았습니다.
데모 사이트는 http://miniftp.webrish.com 에서 확인할 수 있습니다.
댓글 1
제목 | 글쓴이 | 날짜 |
---|---|---|
텍스트 폼에 커서가 미리 깜빡이도록... [8] | 카리 | 2003.01.22 |
[레드-자바 스크립트초보] 더블클릭하면 경고창 뜬후 사이트 이동하기 [7] | 레드 | 2003.01.17 |
성인인증 받는 소스입니다..... [17] | q333 | 2003.01.12 |
디지털 시계입니다. [8] | q333 | 2003.01.12 |
1 분마다 배경이 빠뀌는 소스...입니다. [1] | q333 | 2003.01.12 |
IE6SP1 에서 작동하는 크롬리스윈도우!![ByKlein_Chromeless_Window1.0] [13] | 술도짱 | 2003.01.10 |
[1분짜리 팁!] 홈페이지 입장 여부 묻는 폼 띄우기! [2] | 찐군 | 2003.01.09 |
자바스크립트용 계산기 v1.0 [4] | 찐군 | 2003.01.09 |
링크가 걸려있는 모든 이미지에 마우스 올리면 서서히 밝아지게 하는 소스입니다. [3] | 정해식 | 2003.01.09 |
혹시 이런것도 될까-_-;;. 시노부 플레이어에서 랜덤 모드 사용자가 택하게 하기 | TuTy | 2003.01.09 |
홈페이지 패스워드(암호) 걸기 소스 [6] | keymove | 2003.01.09 |
select form 으로 새 창 띄우기 [4] | 당근당근 | 2003.01.07 |
[re] select form 으로 새 창 띄우기(간단버전)
[3]
![]() | RedEye | 2003.01.27 |
갤러리스킨에 쓰면 좋을 것 같은 미리보기(수정2) [10] | 행복한고니 | 2003.01.06 |
크롬리스에 응용할만한 소스;; [3] | MYMob.INT. | 2003.01.05 |
숫자를 한글로 변환하는 함수 [1] | 행복한고니 | 2003.01.03 |
mid 랜덤으로 듣기 ... [2] | 아벨라 | 2003.01.02 |
색다른 링크법(새창) [2] | BIRDY™ | 2002.12.30 |
텍스트 폼 / 전체선택 하기 자바스크립 | mnemosyne | 2002.12.24 |
div, Javascript 이용해서 섹션 테이블 만들기 [3] | mnemosyne | 2002.12.18 |