JavaScript Загрузка файла drug & drop пример кода - перетаскивание мышью (плагин plupload)

Станадартный пример использования plupload

Пример использования plupload с использованием jQuery UI

Есть какой-то блок с id на него вешается обработчик:

<div id="uploader">
    <p>Ваш браузер Flash, Silverlight or HTML5 support.</p>
</div>
 
<script type="text/javascript">
// Инициаллизируем виджет, когда DOM загружен
$(function() {
    $("#uploader").plupload({
        // Общие настройки
        runtimes : 'html5,flash,silverlight,html4',
        url : "/examples/upload",
 
        // максимальный размер файла
        max_file_size : '2mb',
 
        chunk_size: '1mb',
 
        // изменение размера картинки на стороне клиента (если получиться)
        resize : {
            width : 200,
            height : 200,
            quality : 90,
            crop: true // "обрезка" к нужному размеру
        },
 
        // Определим какие файлы показываются
        filters : [
            {title : "Image files", extensions : "jpg,gif,png"},
            {title : "Zip files", extensions : "zip,avi"}
        ],
 
        // Переименовывать файлы после клика на их название
        rename: true,
         
        // сортировать файлы?
        sortable: true,
 
        // Разрешить перетаскивать файлы мышкой на виджет (drug $ drop)
       //  (пока работает для HTML5)
        dragdrop: true,
 
        // Views to activate
        views: {
            list: true,
            thumbs: true, // Show thumbs
            active: 'thumbs'
        },
 
        // Настройки флэш
        flash_swf_url : '/plupload/js/Moxie.swf',
     
        // Настройки Silverlight
        silverlight_xap_url : '/plupload/js/Moxie.xap'
    });
});
</script>

Откуда качать

Сайт plupload (скачать): http://www.plupload.com/

-----------
b64d is not a function,