Question

所以我有这个页面，我正在努力，我有一个名为＆＃39; products＆＃39;在index.html所在的同一目录中。我正在尝试创建一个脚本来计算＆＃39;产品中的所有jpg文件。文件夹然后创建一个img元素与每个元素。关于我如何做到这一点的任何想法？

Answer 1

如果你想在服务器端执行此操作，那么使用PHP并创建自己的代码，如下所示：

// allimg.php
<?php
$dir = "path/products/";
$imgs = glob($dir."*.jpg");
foreach($imgs as $image)
{
   echo '<img src="'.$image.'">'; // or <span>$image</span>
}
?>

使用HTML index.html文件正确查看。

<html>
<head>
<title>Get All Images</title>
</head>
<body>
<?php include 'allimg.php'; ?>
</body>
</html>

所有现代浏览器都会因为保护规则而拒绝您尝试显示本地文件夹，文件。

Answer 2

这只能在服务器环境中完成，或者使用模拟本地计算机上的服务器环境的东西，如MAMP / WAMP或Node。 Javascript无法以这种方式访问本地文件夹内容。它可以获取和插入本地内容，如图像，视频或Javascript / CSS文件，但这是关于它可以做什么的限制。

这是出于安全原因。想象一下，在您的计算机上打开其他人的Javascript文件，它会运行一个脚本来清除C盘中的所有文件。

如何列出文件夹中的所有文件？

2 个答案: