0

ファインアップローダーコードを使用してファイルをアップロードするときにプログレスバーを表示する方法を理解するのに苦労しています。

これが私のコードです:

$("#attachmentUpload").fineUploader({
    element: $('#attachmentUpload')[0],
    request: {
        endpoint: '/controls/UploadFile.aspx'

    },
    autoUpload: true,
    multiple: false,
    text: {
        uploadButton: '<input type="button" class="btn btn-primary" value="Select File">',
        formatProgress: '({percent}% of {total_size})'
    },
    debug: true

}).on('submit', function (event, id, filename) {
    //when file is submitted code here
    alert('submitted');
}).on('complete', function (event, id, filename, responseJSON) {
    //when upload is finished code here
    alert('done');
});

ファイルのアップロードを実行すると、読み込み中のgifアニメーション、ファイル名、ファイルサイズ、および「処理中...」という単語が表示されます。ファイルのアップロードは正常に完了しましたが、プログレスバーを表示する方法がわかりませんでした。Chrome、IE 10、Firefoxで試しました。プログレスバーやformatProgressテキストオプションの内容は表示されません。

詳細:FineUploaderモードを使用しています。

4

1 に答える 1

0

ファイルAPIをサポートするサポートされているすべてのブラウザーのFineUploaderで、プログレスバーが正常に機能することを保証できます。もちろん、これにはChromeも含まれます。非常に高速な接続で小さなファイルをアップロードしている場合、アップロードがほぼ瞬時に行われるため、進行状況バーが表示されない可能性があります。

「Processing...」ステータスメッセージは、最後のバイトが送信され、サーバーからの応答を待っている後に表示されます。Fine Uploaderの課題追跡システムの場合、 Firefoxで「処理中...」が確実に表示されない(サーバーが応答を返すまで進行状況バーが表示されない)理由を説明しました。詳細については、私のコメントをお読みください。

于 2013-03-24T18:12:59.423 に答える