python: 画像リストのテーブルを作成してhtml上で表示したい

前提・実現したいこと

2組の画像リストをhtmlで出力したいと考えています。
複数出力するので、テーブル形式で出力したいと考え、下のindex.pyのcreate_tableという関数でhtml形式のテーブルを作り、--table--を書き換えようと思っています。

訳あって、実行環境はオフラインで、そのhtmlはローカルで表示します。

cgiのサーバを立て、htmlのテーブルをpythonで更新してlocalhostで表示しようとしています。

フォルダ構成（見づらくてすいません。）
root
-cgi-bin
--index.py
-cgiserver.py
-res
--test1
---a.png
---b.png
--test2
---a.png
---b.png

問題点

ループでリストを作るとうまくいきませんが、その出力結果をターミナルからコピーしてリストをハードコードするとうまく表示されます。

ループで作ったリスト（table_data1）とハードコードされたリスト（table_data2）に違いがないかも確認しましたが、Trueと返ってきました。

お手数ですが、間違っている点を指摘いただければ幸いです。
よろしくお願いいたします。

該当のソースコード

cgiserver.py

python
1import http.server
2import subprocess
3
4http.server.test(HandlerClass=http.server.CGIHTTPRequestHandler)
5subprocess.call('python -m http.server --cgi')

index.py

import glob
import pathlib

print('Content-type: text/html; charset=UTF-8\r\n')


html = """
<!DOCTYPE html>
<html>
	<meta charset="utf-8">
	<head>
		<title>Images List</title>
	</head>
	<body>
		<h1>aaa</h1>
		<h2>Images</h2>
		--table--
	</body>
</html>
"""


def create_table(table_data): 
    rows = ''
    for case in table_data:
        columns = ''
        for cell in case:
            columns += "\t\t\t\t<td><img src='{}'></td>\n".format(cell)
        rows += "\t\t\t<tr>\n{}\t\t\t</tr>\n".format(columns)
    
    table = "<table>\n{}\n\t\t</table>".format(rows)
    return table

test1_dir = '../res/test1/'
test2_dir = '../res/test2/'

test1_images = sorted([pathlib.Path(f).name for f in glob.glob(test1_dir + '*.png')])
test2_images =  sorted([pathlib.Path(f).name for f in glob.glob(test2_dir + '*.png')])
#test1にもtest2にもあるファイルだけ抽出する。
to_be_listed = set(test1_images) | set(test2_images)

table_data1 = [[test1_dir + case_name, test2_dir + case_name] for case_name in to_be_listed]

table_data2 = [['../res/test1/a.png', '../res/test2/a.png'], ['../res/test1/b.png', '../res/test2/b.png']]

table_html = create_table(table_data1)
html = html.replace('--table--', table_html)

# display the html
print(html)

y_shinoda

2020/06/28 20:24

1 > ループでリストを作るとうまくいきませんがどのようにうまくいきませんでしたか？出力結果を質問欄に次の MarkDown で追記お願いします ```console (ここにうまくいかなかったときの出力結果を記載) ``` 2 >ループで作ったリスト（table_data1）とハードコードされたリスト（table_data2）に違いがないかも確認しましたが、Trueと返ってきました。どのように違いがないかを確認した結果、Trueと返ってきましたか？確認した方法を質問欄に追記お願いします Python コードの場合は次の MarkDown で追記お願いします: ```python (ここに Python コードを記載) ```

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

回答2件

python
1test1_dir = '../res/test1/'
2test2_dir = '../res/test2/'
3
4test1_images = sorted([pathlib.Path(f).name for f in glob.glob(test1_dir + '*.png')])
5test2_images =  sorted([pathlib.Path(f).name for f in glob.glob(test2_dir + '*.png')])

glob を行うとき、ファイルを相対パスで指定していますが、
この相対パスの基準となる位置は python コマンドを実行した位置となります

/root で cgiserver.py を実行した場合、
相対パスの基準となる位置が /root になっている可能性があり、
その場合、ファイルが glob できません

少なくとも、/root/cgi-bin で index.py を実行すれば
次のような結果が得られます:

console
1$ cd /root/cgi-bin
2$ python index.py
3Content-type: text/html; charset=UTF-8
4
5
6<!DOCTYPE html>
7<html>
8    <meta charset="utf-8">
9    <head>
10        <title>Images List</title>
11    </head>
12    <body>
13        <h1>aaa</h1>
14        <h2>Images</h2>
15        <table>
16                        <tr>
17                                <td><img src='../res/test1/b.png'></td>
18                                <td><img src='../res/test2/b.png'></td>
19                        </tr>
20                        <tr>
21                                <td><img src='../res/test1/a.png'></td>
22                                <td><img src='../res/test2/a.png'></td>
23                        </tr>
24
25                </table>
26    </body>
27</html>