如何使用PHP上传前后预览视频？

Question

我想在提交之前显示已上传的视频文件的预览。由于以下JS，我已成功完成了图像处理，但它不能处理视频文件...

$(document).ready(function() {

  if (window.File && window.FileList && window.FileReader) {

    $("#files").on("change", function(e) {
      var files = e.target.files,
        filesLength = files.length;

      for (var i = 0; i < filesLength; i++) {
        var f = files[i]
        var fileReader = new FileReader();

        fileReader.onload = (function(e) {

          var file = e.target;
          $("<img></img>", {
            class: "imageThumb",
            src: e.target.result,
            title: file.name
          }).insertAfter("#files");

        });

        fileReader.readAsDataURL(f);
      }
    });

  } else {
    alert("Your browser doesn't support to File API")
  }
});

我该怎么做？

Answer 1

视频文件通常较大，FileReader类难以理解。

尝试使用window.URL.createObjectURL函数（确保在支持的浏览器上正确访问它，因为某些需要供应商前缀）。

您最好检查以下资源：

1. http://updates.html5rocks.com/2012/06/Don-t-Build-Blobs-Construct-Them
2. https://developer.mozilla.org/en-US/docs/Web/API/URL/createObjectURL
3. URL.createObjectURL for audio blob gives TypeError in Firefox

我想不用说浏览器应支持视频格式。