FancyUpload

FancyUpload 예제 - Queued Image Uploader


Harald Kirschner씨가 파일폼을 대체할 수 있으며 겸손하고(unobtrusive), 멀티파일 업로드는 물론 진행상태바 애니메이션도 되는 FancyUpload의 새 버전을 만들었습니다.

제목의 Swiff 라는 이름에서 알 수 있듯, MooTools 기반입니다. 다음과 같은 코드로 실행되는 Queue가 되는 사진 업로더 예제를 보실 수 있습니다:
[code:Js]
var swiffy = new FancyUpload2($('demo-status'), $('demo-list'), {
        'url': $('form-demo').action,
        'fieldName': 'photoupload',
        'path': '../../source/Swiff.Uploader.swf',
        'onLoad': function() {
                $('demo-status').removeClass('hide');
                $('demo-fallback').destroy();
        }
});

/**
 * Various interactions
 */
$('demo-browse-all').addEvent('click', function() {
        swiffy.browse();
        return false;
});

$('demo-browse-images').addEvent('click', function() {
        swiffy.browse({'Images (*.jpg, *.jpeg, *.gif, *.png)': '*.jpg; *.jpeg; *.gif; *.png'});
        return false;
});

$('demo-clear').addEvent('click', function() {
        swiffy.removeFile();
        return false;
});

$('demo-upload').addEvent('click', function() {
        swiffy.upload();
        return false;
});

from FancyUpload: Swiff meets Ajax on Ajaxian
Posted by 행복한고니 트랙백 0 : 댓글 0

댓글을 달아 주세요