如何用目录文件生成HTML href代码

Question

我需要生成一个循环中的静态 HTML href 代码，除了图像的来源。图像存储在一个文件夹中。 javascript 有没有办法生成整个目录并将文件名放入 src="/pictures/%filename%.jpg"？图片很多，我不想 link 每一张照片都手动处理。这会花费很多时间。谢谢！

Answer 1

JavaScript 无法访问服务器文件。您可以使用 PHP scandir() 来获取指定目录中所有文件的数组。然后做

foreach ($arr as $file){
    echo "<img src='/path/to/file/" . $file . "'>";
}

Answer 2

所以我在服务器上上传了这个 php 文件：

<?php
$dir    = 'best-off';
$files1 = scandir($dir);

foreach ($files1 as $file){
    echo "
    <div>
      <span class='img-thumbnail d-block cur-pointer'>
        <img alt='' src='img/best-off/thumbs/" . $file . "' class='img-fluid'>
      </span>
    </div>";
}
?>

然后我在浏览器中查看源代码并将代码复制到最初的 HTML 文件中。工作起来很有魅力。谢谢！

如何用目录文件生成HTML href代码

How to generate HTML href code with directory files

html

javascript

loops

href