Javascript 如何列出文件夹中的所有文件？
所以我有我正在处理的这个页面，在index.html所在的同一个目录中有一个名为“products”的目录。我正在尝试创建一个脚本，该脚本将计算“products”文件夹中的所有jpg文件，然后使用其中的每一个创建一个img元素。有什么办法吗？如果您想在服务器端执行此操作，请使用PHP并创建您自己的代码，如下所示：Javascript 如何列出文件夹中的所有文件？,javascript,jquery,json,ajax,html,Javascript,Jquery,Json,Ajax,Html,所以我有我正在处理的这个页面，在index.html所在的同一个目录中有一个名为“products”的目录。我正在尝试创建一个脚本，该脚本将计算“products”文件夹中的所有jpg文件，然后使用其中的每一个创建一个img元素。有什么办法吗？如果您想在服务器端执行此操作，请使用PHP并创建您自己的代码，如下所示： // allimg.php <?php $dir = "path/products/"; $imgs = glob($dir."*.jpg"); foreach($imgs a
// allimg.php
<?php
$dir = "path/products/";
$imgs = glob($dir."*.jpg");
foreach($imgs as $image)
{
echo '<img src="'.$image.'">'; // or <span>$image</span>
}
?>
<html>
<head>
<title>Get All Images</title>
</head>
<body>
<?php include 'allimg.php'; ?>
</body>
</html>
由于保护规则，所有现代浏览器都会拒绝您尝试显示本地文件夹、文件。这只能在服务器环境中完成，或者使用模拟本地计算机上服务器环境的工具（如MAMP/WAMP或Node）来完成。Javascript无法以这种方式访问本地文件夹内容。它可以获取和插入本地内容，如图像、视频或Javascript/CSS文件，但这是它所能做的极限
这是出于安全考虑。想象一下，在您的计算机上打开其他人的Javascript文件，它会运行一个脚本来擦除C驱动器中的所有文件。在服务器或客户端？您可能需要使用服务器端脚本来处理此问题。研究诸如PHP、Ruby on Rails、Node.js、Flask Python等支持此功能的解决方案，其中大多数都是框架，对于这样一个简单的用例来说可能很重要，但如果您想要更多的动态功能，它们是可选的。提供给客户端的JS将无法列出服务器上的目录，这是一件好事，因为安全@mkaatman客户端这假设服务器正在运行php。。。如果没有OP的投入，这些假设是无法做出的。。。。可以运行任意数量的其他语言，而不是phpYeah。。。你说得对。我只是把这篇文章发给他，作为一个主要来源，他可以从中得到另一个答案。