js手机端上传视频及进度

要在移动设备上上传视频并显示上传进度，可以使用HTML5中的File API和XMLHttpRequest对象。以下是一个基本的示例代码：

HTML:

<input type="file" id="video-file">
<button onclick="uploadVideo()">上传视频</button>
<progress id="upload-progress" value="0" max="100"></progress>

JavaScript:

function uploadVideo() {
  var file = document.getElementById("video-file").files[0];
  var xhr = new XMLHttpRequest();
  xhr.open("POST", "upload.php", true);
  xhr.upload.onprogress = function(e) {
    if (e.lengthComputable) {
      var percentComplete = (e.loaded / e.total) * 100;
      document.getElementById("upload-progress").value = percentComplete;
    }
  };
  xhr.send(file);
}

这里的代码使用了XMLHttpRequest对象来发送POST请求，上传视频文件。在上传过程中，我们可以使用XMLHttpRequest对象的“upload”事件来监测并显示上传进度。在事件处理程序中，我们可以通过计算已上传数据和总数据大小的比例，来得出上传进度百分比，并将其显示在进度条元素中。