웹마스터 팁

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 에서 확인할 수 있습니다.