【问题标题】:Cand I insert all images in HTML from a folder with a single line of code?我可以使用一行代码从文件夹中插入 HTML 中的所有图像吗?
【发布时间】:2010-10-29 11:16:25
【问题描述】:

我有文件夹 img 并且在文件夹内我有 200 张图片。我是否有可能将所有图像插入到要显示的 html 页面中,而无需编写这行代码 200 次?

<img src="img/ladybug.jpg" alt="Ladybug" title="Ut rutrum, lectus eu pulvinar elementum, lacus urna vestibulum ipsum"></li>

【问题讨论】:

  • 随着 webstorm 等最先进的工具的出现,您无需编写太多内容 :) jetbrains.com/webstorm
  • 从哪里获得 alt 和 title 标签的内容?
  • 没关系。我只是想让图片出现在网页上。是个人的东西。
  • 说实话:你是一个狂热的 Bash 用户,想要一个 * glob 模拟(我是!:-))。 js版:stackoverflow.com/questions/18480550/…

标签: html


【解决方案1】:

您必须使用服务器端语言,例如 PHP 或 ASP

PHP 示例:

$dir    = '/images';
$files = scandir($dir);
$images = array();
foreach($files as $file) {
  if(fnmatch('*.jpg',$file)) {
    $images[] = $file;
  }
}

foreach($images as $image) {
  echo '<img src="images/'.$image.'" />';
}

【讨论】:

    【解决方案2】:

    如果您认为只需一行简单的 html 就可以摆脱困境,那么不,那是不行的。

    我想理论上你可以在客户端通过解析网络服务器返回的目录列表来完成它,但这确实是一种复杂的处理方式。

    唯一合理的方法是使用 php 或类似的方法在服务器端进行。但是,您会遇到的问题是,纯粹的目录列表不包含足够的信息来获取 alt 和 title 的值(这是 Bernd 得到的)。

    我想用一些漂亮的 php,你可以把它们从 exif 中取出来。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2020-12-19
      • 2023-02-02
      • 2015-08-26
      • 2016-01-11
      • 2010-09-22
      • 2020-11-12
      • 2022-11-22
      • 1970-01-01
      相关资源
      最近更新 更多