Quelqu'un at-il un script pour générer automatiquement des tags d'image à partir d'un répertoire d'images?

Question

Je fais beaucoup de tranchage dans Photoshop, et il est fastidieux d'écrire manuellement une balise <img /> pour chacun d'eux - écrit dans le nom du fichier, vérifier la hauteur et la largeur, l'écriture des balises alt, etc.

Je peux utiliser Photoshop pour générer le code HTML, mais ils le font généralement en ne produisant pas de code XHTML, ou en l'enveloppant dans des tableaux, et ainsi de suite. J'essaie de rendre ma vie plus facile que ça.

Donc je me demande si quelqu'un utilise un script qui génère automatiquement des balises img basé sur le répertoire? Ou si certains IDE que je ne connais pas le font? Je veux juste qu'il génère un tas d'étiquettes comme ça:

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

Answer 1

D'abord je veux vous féliciter d'avoir des informations de largeur et de hauteur dans une image. C'est très bien que vous fassiez ceci, tout le monde devrait le faire. Vous pouvez utiliser n'importe quel langage de script tel que Python ou PHP pour le faire avec une bibliothèque d'images telle que imagemagick ou gd. Sans connaître le langage ou les outils que vous utilisez pour exécuter votre site, je ne peux pas vraiment donner un exemple.

En Python, en utilisant un système de modèle que vous pourriez faire quelque chose comme ceci:

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

qui générerait la balise image de droite:

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

Quelque part dans votre python vous définissez:

def addImg(imgPath): 
    #do image processing here 

Answer 2

Si Photoshop fait un travail décent, il peut être plus simple de traiter la sortie à partir de là, en utilisant une regex ou quelque chose pour résoudre les problèmes. Ce serait probablement plus simple que d'essayer de réimplémenter cette fonctionnalité à partir de zéro.

Si vous pouvez publier un échantillon de la sortie HTML de Photoshop, je peux fournir une recherche/un remplacement de regex qui le convertisse en ce que vous cherchez.

Answer 3

Made script 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); 

Créer un fichier php et exécutez-le:

php script.php

script actuel doit être dans le même répertoire que le dossier images.

Vous obtiendrez votre image tas dans le fichier tags.txt.