Использование plupload с отправкой формы страницы aspx - PullRequest
Новая
       2

Использование plupload с отправкой формы страницы aspx

1 голос
/ 20 июля 2011

Немного фона.Я использую plupload для загрузки файлов в моем приложении.

Переданный url - это URL моего aspx, где я обрабатываю всю обработку файла.

Что происходит, при первом просмотре и выборе файла ничего не происходит.Во второй раз он отправляет обратно обе формы сразу.

Можете ли вы найти какие-либо явные упущения в приведенном ниже коде? 

// Initialize the uploader
uploader = new plupload.Uploader({
                    runtimes: 'html5,gears,flash,silverlight,browserplus',
                    browse_button: 'browse',
                    drop_element: 'uploadContainer',
                    container: 'uploadContainer',
                    max_file_size: '10mb',
                    multi_selection: false,
                    url: 'someURLHere',
                    filters: [{ title: "Pdf files", extensions: "pdf"}]
                });

Событие FilesAdded возникает, когда (очевидно) файл добавляется 

// File Added event 
uploader.bind('FilesAdded', function (up, files) {
                    $.each(files, function (i, file) {
                        // Add element to file object
                        file.formattedSize = plupload.formatSize(file.size);

                    $('form').submit();

                    // Reposition Flash/Silverlight
                    up.refresh();
                });

Отправить форму 

$('form').submit(function (e) {
                    uploader.start();
                    e.preventDefault();
                });

HTML 

<form id="uploadForm">
   <div id="uploadContainer">
     <span id="uploadDragText" style="display: none;">Drag and Drop items here</span
     <div id="fileList"></div>
     <button id="browse" class="ButtonSubmit">Browse...</button> 
   </div>
</form>

Я использовал этот замечательный ответ в качестве отправной точки. с использованием Plupload с ASP.NET/C#

1 Ответ

0 голосов
/ 20 июля 2011

Исправить это на самом деле очень просто.

Мне нужно было init() загрузчик ДО Я связал с ним любые события, поскольку init() на самом деле связывает некоторые обработчики по умолчанию. 

// Initialize the uploader
uploader = new plupload.Uploader({
                    runtimes: 'html5,gears,flash,silverlight,browserplus',
                    browse_button: 'browse',
                    drop_element: 'uploadContainer',
                    container: 'uploadContainer',
                    max_file_size: '10mb',
                    multi_selection: false,
                    url: 'someURLHere',
                    filters: [{ title: "Pdf files", extensions: "pdf"}]
                });


   uploader.init();

   // Then add in any of your event handlers.
...