js在加载数据之前获取upload上传的视频，实现MPG、MP4、AVI等通用格式视频的分辨率读取，帧率fps读取，码率Mbps和时长读取。

要实现这个功能，你可以使用HTML5的File API来读取上传的视频文件，然后使用JavaScript解析视频文件的元数据。以下是一个简单的示例代码：

function handleFileSelect(event) {
  var files = event.target.files;
  var file = files[0]; // 只处理第一个文件

  var video = document.createElement('video');
  video.preload = 'metadata';

  video.onloadedmetadata = function() {
    // 读取视频元数据
    var duration = video.duration; // 视频时长，单位为秒
    var width = video.videoWidth; // 视频宽度，单位为像素
    var height = video.videoHeight; // 视频高度，单位为像素
    var fps = getFrameRate(video); // 视频帧率，单位为帧/秒
    var bitrate = getBitrate(file.size, duration); // 视频码率，单位为Mbps

    // 输出结果
    console.log('Duration: ' + duration.toFixed(2) + 's');
    console.log('Resolution: ' + width + 'x' + height);
    console.log('FPS: ' + fps.toFixed(2));
    console.log('Bitrate: ' + bitrate.toFixed(2) + 'Mbps');
  };

  video.src = URL.createObjectURL(file);
}

function getFrameRate(video) {
  var frameCount = 0;
  var lastTime = 0;
  var fps = 0;

  video.addEventListener('loadeddata', function() {
    frameCount = 0;
    lastTime = Date.now();
  });

  video.addEventListener('timeupdate', function() {
    frameCount++;
    var now = Date.now();
    if (now - lastTime >= 1000) {
      fps = frameCount;
      frameCount = 0;
      lastTime = now;
    }
  });

  return fps;
}

function getBitrate(fileSize, duration) {
  var bits = fileSize * 8;
  var bitrate = bits / duration / 1000000; // Mbps
  return bitrate;
}

document.getElementById('file').addEventListener('change', handleFileSelect, false);

这段代码会在文件选择框中选择文件后执行，创建一个video元素，并使用URL.createObjectURL()方法生成一个blob URL，然后将video元素的preload属性设置为'metadata'，以便在元数据加载完成后触发onloadedmetadata事件。在事件处理程序中，我们可以读取视频的时长、分辨率和帧率等信息。其中，getFrameRate()函数使用timeupdate事件来计算视频的帧率，getBitrate()函数根据文件大小和时长计算视频的码率。最后，我们可以在控制台中输出结果。