Question

我使用dropzonejs删除文件然后上传到服务器。我想实现当视频文件被删除时，它应该能够使用html5视频播放。这是我试过的地方，

        this.on("addedfile", function(file, done) {
            var addedFile = jQuery(this.files[0].previewElement);
            if (file.type.match(/video.*/){
              engageVideo(addedFile)
            }

我的计划（在engageVideo函数中）是找到刚添加的文件的路径，并将其用作hrc5视频作为src。但是在这个文件的myDropzone实例中，我无法找到文件的url（路径）。我可以在这里得到帮助吗？有没有更好的方法？

Answer 1

看起来dropzone会为您提供一个可以使用的文件列表，就像它是本机<input type="file"/> FileList一样。您应该能够将文件转换为ObjectURL并将其分配给视频播放器。

假设HTML中有<video id="preview" controls autoplay></video>标记：

this.on("addedfile", function(file, done) {
   var $previewEl = $("video#preview");

   if ($previewEl[0].canPlayType(file.type) !== "no"){
      var fileURL = URL.createObjectURL(file);

      $(previewEl).one('loadeddata', function(){
          URL.revokeObjectURL(fileURL);
      });
      previewEl[0].src = fileURL;
   }
})

视频文件在dropzonejs处丢弃后立即进行视频预览

1 个答案: