Javascript 使用JS区分大小写检查是否存在（视频）文件

我正在写剧本，到目前为止我遇到了两个问题。

第一个问题是，我需要检查是否存在一个或多个文件，其中包含我选择的一个硬编码扩展名。通常这不会有太大的问题，但在我的例子中，扩展是用于视频文件的（如何使用JS检查这些文件是否存在？），并且有相对多的扩展（10+）。如何有效地检查视频文件是否存在许多扩展名中的一个，据我所知，这些扩展名必须区分大小写才能工作

另一个问题,；在视频（或图像）加载并显示之前，如何计算其尺寸？我唯一的选择是在DOM中创建一种“虚拟”元素并在那里加载文件，然后检查维度吗？这似乎可能会导致在单击链接和在页面上显示媒体之间出现延迟

编辑：文件在服务器上。

---

EDIT2：澄清一下：我的意思是检查文件是否存在，就像在和疑问中一样。

如果你在用户计算机上搜索文件，你不能。这与浏览器安全性有关，但您无权访问用户文件系统，只能访问用户拖放或显式导入的文件

---

如果视频文件在服务器上，那么这与JS无关，而与PHP或服务器运行的任何东西无关。

我认为您需要澄清您的问题以获得答案。你能提供一些示例代码吗？“如何检查视频文件是否存在”很难理解。存在于何处？抱歉，我将在问题中添加一些内容。为什么区分大小写是一个问题，请将所有内容转换为小写（）如果我在URL和/或文件名中使用了错误的大写/小写字符，我将无法访问服务器上的特定文件。它只会给我一个404错误。视频文件在服务器上。我是在JS中做这件事的，所以它与JS有着千丝万缕的联系。我知道这是可能的（比如，对它进行粗暴的操作，检查每个扩展名和每个大小写组合），但从性能角度来看，这是不可行的。这只可能在php上实现（或者不管您的服务器语言是什么），从php生成了解文件的JS代码。。。但是JS代码无法直接搜索文件或了解服务器上的文件。为什么？在我对原始问题的第二次编辑中，人们展示了如何检查服务器上是否存在图像的示例。应用这种逻辑，我还可以检查服务器上是否存在视频文件。问题是我的条件对什么是可行的和什么不是有点限制。图像是特殊的，浏览器支持这样的搜索。您可以通过创建一个脚本元素并稍后检查来对JS文件执行几乎相同的操作。。。但其他这类事情不能这样做，因为它们会带来安全风险。即使是图像也有一定的安全性，因为你也无法访问它们的二进制像素数据，以防它们不是真正的图像。所以你告诉我，我不能在屏幕外创建一个虚拟

元素，给它分配一个

源

，并检查视频加载是否与我提供的URL成功？如果是这样，什么能阻止我？