ファインアップローダーコードを使用してファイルをアップロードするときにプログレスバーを表示する方法を理解するのに苦労しています。
これが私のコードです:
$("#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モードを使用しています。