如何使用 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

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