웹마스터 팁
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 에서 확인할 수 있습니다.
제목 | 글쓴이 | 날짜 |
---|---|---|
웹페이지 미리보기 snapshot 활용하기 [2] | 유창화 | 2008.02.15 |
OGIT STUDY 3 [1] | OGIT | 2008.02.01 |
OGIT STUDY 2 [1] | OGIT | 2008.02.01 |
OGIT STUDY 1 | OGIT | 2008.02.01 |
웹 계정에서 지워지지 않는 폴더 및 파일 삭제하는 방법 [3] | Rising.kr | 2008.01.24 |
php에서 exif소스이용하기 [5] | 최만순279 | 2007.11.18 |
관리자모드 - 관리자그룹만 모든 회원리스트보기 [2] | 이지혜609 | 2007.10.23 |
포인트부여시 ...회원로그인 [2] | 구본순 | 2007.08.28 |
간단한 칠판 모양 게시판 [9] | SoukoZ | 2007.08.19 |
[PDF 제작하기 동영상강좌] 3. 기존의 PDF파일 불러오기 [2] | 서기 | 2007.08.18 |
[PDF 제작하기 동영상강좌] 2. Hello PDF | 서기 | 2007.08.18 |
[PDF 제작하기 동영상강좌] 1. 기본환경 설정 [1] | 서기 | 2007.08.18 |
[zbXE 동영상강좌] 3. 레이아웃 완성하기 [13] | 서기 | 2007.08.16 |
[zbXE 동영상강좌] 2. 포토샵에서 레이아웃 만들기 [12] | 서기 | 2007.08.16 |
[zbXE 동영상강좌] 1. zbXE 설치하기 [2] | 서기 | 2007.08.16 |
[PHP 동영상강의] 51. db와 연동된 다중 셀렉트 제작하기 [7] | 서기 | 2007.08.08 |
[PHP 동영상강의] 50. 자바스크립트로 풀다운 메뉴제작 [2] | 서기 | 2007.08.08 |
[PHP 동영상강의] 49. 만년달력 제작해보기 [1] | 서기 | 2007.08.08 |
멀티플 파일 업로드 프로그래시브 - SWFUpload [1] | PHPer | 2007.07.19 |
mysql 관리하는 프로그램입니다. (7/26 13:03) 수정 [4] | 제로저아 | 2007.07.18 |