上传视频时如何强制添加 .mp4 或 .webm 扩展名？答案

【问题标题】：How can I forcefully add .mp4 or .webm extension when uploading video?上传视频时如何强制添加 .mp4 或 .webm 扩展名？
【发布时间】：2021-02-16 10:11:03
【问题描述】：

我怎么可能添加 .mp4 或 .webm 的扩展名？它只会产生这样的效果

HTML

<input type="file" name="file[]" id="inpVid" accept="video/*">
<video style="width: 100%; max-width: 100%; margin-bottom: 10px;" controls id="vidURL">
  <source id="videoUrl" src="#" type="video/mp4">
</video>

脚本

<script>
    function changeVideoURL (element) {
      const videoURLElement = document.getElementById('videoUrl')
      const videoPlayer = document.getElementById('vidURL')
      if (element.files && element.files[0]) {
        videoURLElement.src = URL.createObjectURL(element.files[0]);
        videoPlayer.load()
      }      
    }
    document.getElementById("inpVid").onchange = function() {
      changeVideoURL(this)
    }
</script>

【问题讨论】：

你想要的是accept=".webm,.mp4"吗？
我放了这个。不工作。

标签： javascript html html5-video

【解决方案1】：

我想这就是你想要的

<input type="file[]" id="inpVid" accept="video/mp4,video/webm" />

【讨论】：

它仍然没有在 blob:link 末尾添加 .mp4 :( image result
我认为上传到 blob 后更新结果是在后端而不是从前端。 accept="" 属性的前端使用只会禁止上传任何与属性值中指定的不同的视频。
我错了，正如我在上一条评论中提到的那样，blob 不是由后端管理的。但是，它是由浏览器内部创建的，并且只能在同一浏览器实例和同一会话中使用一次。所以它并不代表视频的真实网址