Я действительно пытаюсь добавить индикатор выполнения загрузки, используя Jquery, в следующий скрипт. Я совершенно новичок в JS, поэтому, если у кого-нибудь есть идеи или учебные пособия, это было бы здорово.Progress Bar в JQuery
Спасибо.
$('.buttonStyle2').click(function(e){
e.preventDefault();
$(this).hide();
$('#upload').slideDown();
$("html").animate({ scrollTop: $(document).height() }, "slow");
});
$('#form-add .submit_form').click(function (e){
e.preventDefault();
$.ajax({
type: "GET",
dataType: "JSON",
url: '<?php echo $this->url('video/add_video')?>?key='+$('#video_key').val()+'&title='+$('#title').val()+'&description='+$('#description').val(),
success: function(data) {
console.log(data);
if(typeof data !== "undefined" && data) {
if(data.id > 0) {
window.location.replace('<?php echo BASE_URL.$this->url('rate_my_swing');?>?video='+data.id);
} else {
$('.videoTabArea .error').show();
}
} else {
$('.videoTabArea .error').show();
}
}
});
});
});
function setGUID(id) {
$('#form-iframe').hide();
$('#video_key').val(id);
$('#form-add').show();
}
Что проблемой вы столкнулись? – KMan
Индикатор выполнения jQuery может отображать только ход действий, которые вы можете отслеживать. В настоящее время не так-то просто отслеживать ход загрузки файла без использования длинных запросов ajax с длинным опросом или нажатия на основе сокетов, таких как pusher.com, оба из которых являются чрезмерными, учитывая, что большинство загрузок происходит очень быстро в любом случае, если вы не используете загрузка файлов размером более 10 МБ. –