Question

我在Photoshop中做了很多切片，为每个人手动编写<img />标签很麻烦 - 写入文件名，检查高度和宽度，编写alt标签等等。

我可以使用Photoshop来生成HTML，但是他们通常不会生成XHTML，或者将其包装在表格中，等等。我想让自己的生活更轻松。

所以我想知道是否有人使用基于目录自动生成img标签的脚本？或者，如果我不知道的某些IDE会这样做？我只是想让它生成一堆像这样的标签：

<img src="{filename}" alt="" width="{width}" height="{height}" />

Answer 1

首先，我想赞扬你在图像中有宽度和高度信息。你这样做很好，每个人都应该这样做。您可以使用任何脚本语言（如Python或PHP）对图像库（如imagemagick或gd）执行此操作。在不知道您使用什么语言或工具来运行您的网站的情况下，我无法提供示例。

在Python中，使用模板系统可能会执行以下操作：

<div>
     <% addImg("/images/myImage.png") %>
</div>

哪会生成正确的图片标记：

<div>
  <img src="/images/myImage.png" alt="MyImage" width="200" height="100" />
</div>

你的python中的某个地方你定义：

def addImg(imgPath):
  #do image processing here

Answer 2

如果Photoshop在这方面做得不错，最简单的方法是从那里处理输出，使用正则表达式或其他东西来解决其中的问题。这可能比尝试从头开始重新实现该功能更简单。

如果您可以发布Photoshop的HTML输出样本，我可以提供正则表达式搜索/替换，将其转换为您正在寻找的内容。

Answer 3

制作php脚本：

<?php

$images = scandir('images');

$txt = '';

$tmpl = '<img id="{{id}}" src="images/{{name}}">';
foreach($images as $image) {

    $tag = $tmpl;
    $tag = str_replace('{{id}}', explode('.', $image)[0], $tag);
    $tag = str_replace('{{name}}', $image, $tag);

    $txt .= $tag . "\n";
}

file_put_contents('tags.txt', $txt);

创建一个php文件并运行它：

php script.php

Php脚本必须与images文件夹位于同一目录中。

您将在tags.txt文件中获取图片。

有没有人有脚本从图像目录自动生成图像标签？

3 个答案: