У кого-нибудь есть скрипт для автоматической генерации тегов изображений из каталога изображений?

Question

Я много делаю нарезки в Photoshop, и утомительно вручную писать теги <img /> для каждого из них - запись в имени файла, проверка высоты и ширины, запись тегов alt и т. Д.

Я могу использовать Photoshop для генерации HTML-кода, но обычно он портит его, не создавая XHTML, не упаковывая его в таблицы и т. Д. Я пытаюсь сделать мою жизнь проще.

Так что мне интересно, если кто-нибудь использует скрипт, который автоматически генерирует теги img на основе каталога? Или если какая-то IDE, о которой я не знаю, делает это? Я просто хочу, чтобы он генерировал кучу тегов примерно так:

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

Answer 1

Если Photoshop справляется с этой задачей, может быть проще всего обработать вывод оттуда, используя регулярное выражение или что-то еще, чтобы исправить проблемы в нем. Возможно, это будет проще, чем пытаться переопределить эту функциональность с нуля.

Если вы можете опубликовать пример вывода HTML в Photoshop, я могу предоставить поиск / замену регулярных выражений, который преобразует его в то, что вы ищете.

Answer 2

Сделал 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 должен находиться в том же каталоге, что и папка с изображениями.

Вы получите изображение в файле tags.txt.

Answer 3

Сначала я хочу поблагодарить вас за информацию о ширине и высоте на изображении. Это очень хорошо, что вы делаете это, каждый должен делать это. Вы можете использовать любой язык сценариев, такой как Python или PHP, чтобы сделать это с помощью библиотеки изображений, такой как imagemagick или gd Не зная, какой язык или инструменты вы используете для запуска своего сайта, я не могу привести пример.

В Python, используя систему шаблонов, вы можете сделать что-то вроде этого:

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

Что бы сгенерировать правильный тег изображения:

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

Где-то в вашем питоне вы определяете:

def addImg(imgPath):
  #do image processing here