<分区>
是否可以使用 URL.createObjectURL(fileName)
创建一个托管本地镜像文件的 URL,然后您可以将该 URL 放入 img
标签。
如果不是针对视频文件,您会怎么做类似的事情,以便您可以在网站上预览视频文件,然后再将其发送到后端?
<分区>
是否可以使用 URL.createObjectURL(fileName)
创建一个托管本地镜像文件的 URL,然后您可以将该 URL 放入 img
标签。
如果不是针对视频文件,您会怎么做类似的事情,以便您可以在网站上预览视频文件,然后再将其发送到后端?
最佳答案
你可以这样做,
$(document).on("change", ".file_video", function(evt) {
var $source = $('#video_here');
$source[0].src = URL.createObjectURL(this.files[0]);
$source.parent()[0].load();
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<video width="500" controls>
<source src="my_video.mp4" id="video_here">
</video>
<input type="file" name="file[]" class="file_video" accept="video/*">
您可以从此处获得更多详细信息 get in detail
关于javascript - 如何在没有后台的网站上预览本地视频文件?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58427309/