問題:
プログレス バーが完了した後、setTimeout() が開始される前にテキストを div に追加します。
HTML コード:
<div id="loading" class="files"></div>
jQuery コード:
<script>
$(function () {
'use strict';
// Server-side upload handler:
var url = 'process.php';
$('#fileupload').fileupload({
url: url,
autoUpload: true,
acceptFileTypes: /(\.|\/)(txt)$/i,
maxFileSize: 5000000, // 5 MB
done: function (e, data) {
setTimeout(function(){
window.location = "explorer.php";}, 2000);
},
progressall: function (e, data) {
var progress = parseInt(data.loaded / data.total * 100, 10);
$('#progress .progress-bar').css(
'width',
progress + '%'
);
}
}).prop('disabled', !$.support.fileInput)
.parent().addClass($.support.fileInput ? undefined : 'disabled');
});
</script>
望ましい結果:
プログレス バーが 100% になったら、テキスト "Loading ..." を div に追加し、setTimeout() を開始します。