HTMLで同じフォルダにある写真を表示したい

前提

ここに質問の内容を詳しく書いてください。
（例）
HTMLで画像をwebで表示したいのですが、表示がうまくいきません。

実現したいこと

Webでフォルダの画像を表示
ここに実現したいことを箇条書きで書いてください。

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

該当のソースコード

HTML
1<!DOCTYPE html>
2<html lang="jp">
3<head>
4    <meta charset="UTF-8">
5    <title>画像表示</title>
6</head>
7<body>
8    <h1>Play of The Game</h1>
9    <img src="test-opencv.jpg" alt="チューリップの花畑">

試したこと

様々なサイトでの例文を試してみましたが、ダメでした。
同じフォルダの中にtest-opencv.jpgは入っています。別のフォルダに入れて、そのパスを指定してもだめでした。

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

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

回答2件

おそらく質問者さんの勘違いで

同じディレクトリに置いていない
ファイル名を間違っている

などの単純ミスだと思います
開発画面（F12）でネットワークの404エラーが出ていないか確認ください
もしくは別のエラーコードがでているようならそれにあわせた権限エラーなどの可能性もあります
あとはまさか無いとは思いますがbaseを設定しているとか・・・

投稿2022/11/09 05:42

編集2022/11/09 05:43

yambejp

総合スコア114960

nemotonkatu

2022/11/09 05:53

何度も確認して今一度確認してみましたが、同じディレクトリでファイル名もコピーしたものだったので間違いはありませんでした。教えていただいた通り、開発画面で画像URLを選択すると[Not Found The requested URL was not found on the server. If you entered the URL manually please check your spelling and try again.]のエラーがでました。　htmlファイルも画像ファイルも[templates]というフィル内にありました。

nemotonkatu

2022/11/09 05:56

すみません、base.htmlも同じフォルダに入っているのですがそれが原因でしょうか。

yambejp

2022/11/09 06:01

なにかcms的なものをご利用でしょうか？templatesフォルダはテンプレ置き場っぽいですし直接参照できないような仕様なのでは？ちゃんとした公開ディレクトリ上にファイルを置きなおしてください

nemotonkatu

2022/11/09 06:30

いろいろ試しました。以下の内容で画像が表示されない理由がわかりません。 python内でhtmlコードを記載し、画像を表示する内容です。フォルダの中には、pythonファイルとtest-opencv.jpgしかありません。 from flask import Flask app = Flask(__name__) @app.route('/') def index(): html = ''' <!DOCTYPE html> <html lang="ja"> <head> <title>/title> <meta charset="utf-8"/> </head> <body> <img src="test-opencv.jpg" alt="チ"> </body> </html>''' return html if __name__ == '__main__': app.debug = True app.run(host='localhost')

nemotonkatu

2022/11/09 06:49

cmsは今度使おうと思っていましたが、現時点では使用してないです。templatesファイルはテンプレだけでなく、すべてのHTMLファイルを保存してしまっています・・。 vscodeを使って、pythonでhtmlを呼び出しているのですが、それが原因の可能性はありますか？

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