PHP实现视频上传进度显示_PHP视频上传进度显示攻略

<form id="uploadForm" action="upload.php" method="POST" enctype="multipart/form-data">
  <input type="hidden" name="UPLOAD_IDENTIFIER" value="123456789" />
  <input type="file" name="video" />
  <input type="submit" value="上传" />
</form>
<div id="progress">进度：0%</div>
<script>
const form = document.getElementById('uploadForm');
const progressDiv = document.getElementById('progress');
<p>form.addEventListener('submit', function(e) {
e.preventDefault();
const formData = new FormData(form);
const xhr = new XMLHttpRequest();</p><p>// 获取唯一标识符
const uid = form['UPLOAD_IDENTIFIER'].value;</p><p>// 监听上传进度
xhr.upload.onprogress = function(e) {
if (e.lengthComputable) {
const percent = Math.round((e.loaded / e.total) * 100);
progressDiv.textContent = '进度：' + percent + '%';
}
};</p><p>// 轮询获取服务端进度
const interval = setInterval(() => {
fetch('progress.php?uid=' + uid)
.then(res => res.json())
.then(data => {
if (data.progress <= 100) {
progressDiv.textContent = '进度：' + data.progress + '%';
}
if (data.done) clearInterval(interval);
});
}, 500);</p><p>xhr.open('POST', 'upload.php');
xhr.send(formData);
});
</script>

<?php
if ($_FILES['video']) {
  $tmp_name = $_FILES['video']['tmp_name'];
  $name = $_FILES['video']['name'];
  move_uploaded_file($tmp_name, 'videos/' . $name);
  echo "上传完成";
}
?>

<?php
session_start();
$uid = $_GET['uid'];
$info = uploadprogress_get_info($uid);
<p>if ($info) {
echo json_encode([
'done' => $info['bytes_processed'] == $info['bytes_total'],
'progress' => ($info['bytes_processed'] / $info['bytes_total']) * 100
]);
} else {
echo json_encode(['done' => false, 'progress' => 0]);
}
?>