異なるフォルダ内にある同じファイル名の画像を取り出し、htmlで表示する方法

###前提・実現したいこと
異なる複数のフォルダ内に、それぞれ同じ名前の画像ファイルが入っている場合に、その画像を一気に取り出してhtmlで表示するscriptをbashで書きたい。

ファイル構成はこのようになっています。
folder1/try1/A.png
folder1/try2/A.png
folder1/try3/A.png
folder1/try4/A.png
folder2/try1/A.png
folder2/try2/A.png
folder2/try3/A.png
folder2/try4/A.png

###発生している問題・エラーメッセージ

folder名とその下のtry名を変数として設定してみたつもりなのですが、
全ての画像が表示されず困っています。

###ソースコード

#!/bin/bash

LIST1='folder1 folder2'
LIST2='try1 try2 try3 try4'

for j in $LIST1
do
for i in $LIST2
do

cat << EOF > ./result.html

<html> <head> <body> <table border=1 align=center> <tr> <th></th> <th>tmp-$i</th> </tr> <tr> <td>tmp-$j</td> <td><img src="./tmp-$j/tmp-$i/A.png" width="384"></img></td> </tr> </table> </body> </head> </html> EOF done done

###補足情報(言語/FW/ツール等のバージョンなど)

OS はMacです。

行動規範の内容に同意します

回答3件

bash のスクリプトなら find が使えませんか？
例えば
/tmp/folder1/try1/A.png
/tmp/folder1/try2/A.png
/tmp/folder2/try1/A.png
/tmp/folder2/try2/A.png
な状態で
find /tmp/ -name "A.png"
と実行すると
/tmp/folder1/try1/A.png
/tmp/folder1/try2/A.png
/tmp/folder2/try1/A.png
/tmp/folder2/try2/A.png
という結果が得られます。
あとはこの結果を好きなように料理するだけ。

投稿2016/03/16 05:24

HiroshiWatanabe

総合スコア2160

berrypq77

2016/03/16 06:46

回答ありがとうございます。 findで出てきたA.png全てを、次にhtml で画像を表示させる方法がわかりません。。どのように記述すれば良いでしょうか。

HiroshiWatanabe

2016/03/16 07:30

例えば上の階層を想定して以下のようなスクリプト #!/bin/sh dir=/tmp/ fname=A.png head='<img src="./tmp-' foot='" width="384">' find $dir -name "$fname" | while read path do if [ "$path" != "" ]; then p1=`echo "$path" | awk -F/ '{print $3}'` p2=`echo "$path" | awk -F/ '{print $4}'` p3=`echo "$path" | awk -F/ '{print $5}'` echo "$head$p1/tmp-$p2/$p3$foot" fi done にすれば <img src="./tmp-folder1/tmp-try1/A.png" width="384"> <img src="./tmp-folder1/tmp-try2/A.png" width="384"> <img src="./tmp-folder2/tmp-try1/A.png" width="384"> <img src="./tmp-folder2/tmp-try2/A.png" width="384"> と出力されると思います。 awk が使えなければ cut で同じような事はできると思いますし read で最初から分割して個別の変数に入れた状態で読み込むように仕掛ければ cut や awk でわざわざ分割する作業も省略できると思います。

行動規範の内容に同意します

ベストアンサー

ループの中で毎回 ./result.html を上書きしているから最後の結果しか残っていないですね。
どういう結果が欲しいのかよく分かりませんが、ループの外でやるべき事と、ループの中でやるべき事を分けてください。

Bash
1LIST1='folder1 folder2'
2LIST2='try1 try2 try3 try4'
3
4cat << EOF > ./result.html
5<html>
6<head>
7<body>
8<table border=1 align=center>
9EOF
10
11for j in $LIST1
12do
13for i in $LIST2
14do
15
16cat << EOF >> ./result.html
17    <tr>
18      <th></th>
19      <th>tmp-$i</th>
20    </tr>
21
22   <tr>
23     <td>tmp-$j</td>
24     <td><img src="./tmp-$j/tmp-$i/A.png" width="384"></img></td>
25   </tr>
26EOF
27done
28done
29cat << EOF >> ./result.html
30</table>
31</body>
32</head>
33</html>
34EOF

投稿2016/03/16 06:27

otn

総合スコア84538

berrypq77

2016/03/16 23:38

回答ありがとうございます。ご指摘通りループの外と中でやるべきことを分けてみたら欲しい結果を得ることができました。

行動規範の内容に同意します

実行すると画像の場所がわかりした。
<td><img src="./tmp-folder1/tmp-try1/A.png" width="384"></img></td>
<td><img src="./tmp-folder1/tmp-try2/A.png" width="384"></img></td>
<td><img src="./tmp-folder1/tmp-try3/A.png" width="384"></img></td>
<td><img src="./tmp-folder1/tmp-try4/A.png" width="384"></img></td>
<td><img src="./tmp-folder2/tmp-try1/A.png" width="384"></img></td>
<td><img src="./tmp-folder2/tmp-try2/A.png" width="384"></img></td>
<td><img src="./tmp-folder2/tmp-try3/A.png" width="384"></img></td>
<td><img src="./tmp-folder2/tmp-try4/A.png" width="384"></img></td>