質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.35%
Python

Pythonは、コードの読みやすさが特徴的なプログラミング言語の1つです。 強い型付け、動的型付けに対応しており、後方互換性がないバージョン2系とバージョン3系が使用されています。 商用製品の開発にも無料で使用でき、OSだけでなく仮想環境にも対応。Unicodeによる文字列操作をサポートしているため、日本語処理も標準で可能です。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

Q&A

解決済

1回答

1025閲覧

指定したフォルダ内の画像ファイルを表示するHTMLについて

naots

総合スコア11

Python

Pythonは、コードの読みやすさが特徴的なプログラミング言語の1つです。 強い型付け、動的型付けに対応しており、後方互換性がないバージョン2系とバージョン3系が使用されています。 商用製品の開発にも無料で使用でき、OSだけでなく仮想環境にも対応。Unicodeによる文字列操作をサポートしているため、日本語処理も標準で可能です。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

0グッド

0クリップ

投稿2021/11/15 06:23

編集2021/11/15 07:54

以下のサイトを参考に指定したフォルダ内の画像を表示するHTMLの作成を行いました。
「指定フォルダ内の画像ファイルをサムネイルで一覧表示する HTML」をつくる Python スクリプト
プログラムは以下の通りです。

python

1# encoding: utf-8 2 3import os 4import sys 5 6def str2file(filepath, s): 7 with open(filepath, encoding='utf8', mode='w') as f: 8 f.write(s) 9 10def get_filelist(basedir): 11 ret = [] 12 for path, dirnames, filenames in os.walk(basedir): 13 for filename in filenames: 14 fullpath = os.path.join(path, filename) 15 ret.append(fullpath) 16 return ret 17 18MYFULLPATH = os.path.abspath(sys.argv[0]) 19MYDIR = os.path.dirname(MYFULLPATH) 20 21filenames_all = get_filelist(MYDIR) 22filenames_jpg = [filename for filename in filenames_all if filename.lower()[-4:]=='.jpg'] 23filenames_curdir_removed = [filename.replace('{:}\'.format(MYDIR), '') for filename in filenames_jpg] 24filenames_slash_delim = [filename.replace('\', '/') for filename in filenames_curdir_removed] 25 26print(filenames_slash_delim) 27print('{:} items.'.format(len(filenames_jpg))) 28 29outfilename = 'image_gallery.html' 30outstrs = '' 31 32conf_image_x = 150 33conf_image_y = 150 34conf_image_count_per_line = 6 35 36for i,image_filepath in enumerate(filenames_slash_delim): 37 url = image_filepath 38 alttext = url 39 40 image_html_template = '<a href="{href}" target="_blank"><img src="{src}" width="{width}px" height="{height}px"></a>' 41 image_kwargs = { 42 'href' : url, 43 'src' : url, 44 'width' : conf_image_x, 45 'height' : conf_image_y, 46 } 47 48 image_html = image_html_template.format(**image_kwargs) 49 50 outstrs += image_html 51 outstrs += '\n' 52 if i%conf_image_count_per_line==(conf_image_count_per_line-1): 53 outstrs += '<br>\n' 54 55html_template = """<html> 56<head> 57 <title>Image Gallery</title> 58 <meta charset="UTF-8"> 59</head> 60<body> 61{:} 62</body> 63</html>""" 64 65html = html_template.format(outstrs) 66str2file(outfilename, html)

フォルダの構成は以下の通りです。

folder ┣image_gallery.py ┣A ┗B ┗C

A、B、Cのそれぞれ画像が入ったフォルダを用意し、サイトの通り、プログラムを実行したところ、A、B、C全てのフォルダ内の画像を表示させることができました。
ここで、例えばAのフォルダ内のみの画像を表示させるにはどうしたらいいでしょうか。
相対パスを入れればいいのだと思いますが、正直、どこをどう変えればいいかわかりません。

どこをどう変えればいいか教えていただきたく思います。
よろしくお願いいたします。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

ベストアンサー

質問に愚直に回答すると以下のように変更するとAフォルダのみが対象になるかと思います。

python

1filenames_all = get_filelist(MYDIR)

python

1filenames_all = get_filelist(os.path.join(MYDIR, 'A'))

動的に変更したいなどという場合は引数を使うと良い気がします。
※コードは動作確認はしていません。
※上記で回答にはなっているかと思いますので、詳細を確認したい場合には別質問を作成した方が良いかと思います。

python

1MYFULLPATH = os.path.abspath(sys.argv[0]) 2MYDIR = os.path.dirname(MYFULLPATH) 3 4if len(sys.argv) > 1: 5 MYDIR = os.path.join(MYDIR, sys.argv[1]) 6 7filenames_all = get_filelist(MYDIR)

使用方法↓

hoge.py A

投稿2021/11/16 01:49

編集2021/11/16 01:50
yamap55

総合スコア1376

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

naots

2021/11/16 04:09

回答ありがとうございます。その方法を試したところ、Aのフォルダのみを表示させられました。 もう一つ追加で質問なのですが、Aの中にDとEのフォルダが入ってるとして、それを以下のように表示させることは可能でしょうか。 Dのフォルダ(と記述を表示) ここでDのフォルダの画像を表示 Eのフォルダ(と記述を表示) ここでEのフォルダの画像を表示 わかりづらくて申し訳ございませんがもし可能であればご教授をよろしくお願いいたします。
yamap55

2021/11/16 06:20

前提として、質問をして回答に問題がないのであれば本質問は完了にして別質問とするべきかと思います。 ---- 回答するのであれば「はい。できます。」という事になります。 やり方については別質問へどうぞ。 (ただ、これについてもそのまま投げると作業依頼になるかと思いますので、ご自分で試行錯誤してみると良いかと思います。)
naots

2021/11/16 09:05

わかりました。教えていただきありがとうございました。自分で試行錯誤してみます。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.35%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問