我正在使用HTML，CSS和Jquery创建一个网站，我需要将大约300个图像添加到我在网站上创建的图库中。有没有简单的方法来编写链接到这些图像所需的HTML？我需要包含每个图像的位置以及文件大小，尺寸和文件名，这些都将放在data- *属性中。
如果有更好的方法可以做到这一切，我也有兴趣听到这个。
如果有帮助，我正在使用Aptana studio 3。
答案 0 :(得分：1)
对于Linux和Mac，您可以执行以下操作（在Windows上，您必须安装免费的activestate.com Perl而不是文件，您必须安装< em> ImageMagick 并使用 identiy 命令，但您必须调整正则表达式）：
file * | perl -n -e '/([^:]+):\s+[A-Z]+ image data, (\d+) x (\d+)/ && print "<a href=\"$1\" data-width=\"$2\" data-height=\"$3\" data-size=\"" . (stat($1))[7] . "\">$1 is $2 by $3 pixels</a>\n"'
这将找到目录中的每个图像文件并输出HTML行。您可以根据需要进行格式化。如果需要以递归方式向下遍历多个目录，请将 file 替换为
find . -type -f -exec file {} \; | perl -n -e etc...
或类似的东西。
我确实建议你根本不做这件事。因为任何时候任何文件更改或您添加（或删除）任何文件，您都必须重新制作页面。相反，通过AJAX获取文件列表并使用Javascript生成HTML。这样它会自动反映图像目录的实际内容。
希望这有帮助。