Jquery 使用youtube api上传文件视频的进度条
我正在使用youtube api从我的网页上传视频 这是我的html表单:Jquery 使用youtube api上传文件视频的进度条,jquery,twitter-bootstrap,Jquery,Twitter Bootstrap,我正在使用youtube api从我的网页上传视频 这是我的html表单: <form method="post" id="video_form" enctype="multipart/form-data" action="http://uploads.gdata.youtube.com/action/FormDataUpload/key=http://localhost:3000/en/id=4fc3af871d41c808f3000249" accept-charset="UTF-8"
<form method="post" id="video_form" enctype="multipart/form-data" action="http://uploads.gdata.youtube.com/action/FormDataUpload/key=http://localhost:3000/en/id=4fc3af871d41c808f3000249" accept-charset="UTF-8"><div style="margin:0;padding:0;display:inline"><input type="hidden" value="✓" name="utf8"><input type="hidden" value="key=" name="authenticity_token"></div>
<label for="Select_a_video">Select a video</label>
<input type="file" name="yt_video_id" id="yt_video_id">
<div class="actions">
<input type="submit" value="Upload video" name="commit" id="submit_video_button" data-disable-with="Upload video" class="btn-large btn-primary">
</div>
</form>
您可以在中看到示例
我的问题是进度条(进度)与发送文件的字节或兆字节不同步
我希望进度条与发送文件的字节或兆字节同步,并正确显示进度…
我怎么做
非常感谢您好的,您不能,除非您使用AJAX/XHR来上传文件。如果由浏览器决定,您将只知道整个文件何时上载 下面是一个XHR示例: 然而,我不知道YouTube API是否支持这一点
$(document).ready(function(){
var progress = setInterval(function() {
var $bar = $('.bar');
if ($bar.width()==400) {
clearInterval(progress);
$('.progress').removeClass('active');
} else {
$bar.width($bar.width()+40);
}
$bar.text($bar.width()/4 + "%");
}, 800);
});