1

少し背景。アプリケーション内でファイルをアップロードするためにpluploadを使用しています。

渡されたのurlは、ファイルのすべての処理を処理する aspx への URL です。

最初にファイルを参照して選択すると、何も起こりません。2 回目は、両方のフォーム送信をすぐにポストバックします。

以下のコードから明らかな省略を見つけることができますか?

// 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>

私はこの素晴らしい答えを出発点として使用していました。ASP.NET/C# で Plupload を使用する

4

1 に答える 1

0

これに対する修正は実際には非常に簡単です。

実際にはいくつかのデフォルトハンドラーをバインドするため、イベントをバインドする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.
于 2011-07-20T15:26:42.410 に答える