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

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

新規登録して質問してみよう
ただいま回答率
85.48%
Visual Studio Code

Visual Studio Codeとは、Microsoft社が開発したマルチプラットフォーム対応のテキストエディタです。Visual Studioファミリーの一員でもあります。拡張性とカスタマイズ性が高く、テキストエディタでありながら、IDEと遜色ない機能を備えることができます。

Flask

FlaskはPython用のマイクロフレームワークであり、Werkzeug・Jinja 2・good intentionsをベースにしています。

Raspberry Pi

Raspberry Piは、ラズベリーパイ財団が開発した、名刺サイズのLinuxコンピュータです。 学校で基本的なコンピュータ科学の教育を促進することを意図しています。

Python

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

HTML

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

Q&A

解決済

1回答

477閲覧

pythonを活用したHTMLでの画像参照先指定パスを正しく指定できない

nemotonkatu

総合スコア18

Visual Studio Code

Visual Studio Codeとは、Microsoft社が開発したマルチプラットフォーム対応のテキストエディタです。Visual Studioファミリーの一員でもあります。拡張性とカスタマイズ性が高く、テキストエディタでありながら、IDEと遜色ない機能を備えることができます。

Flask

FlaskはPython用のマイクロフレームワークであり、Werkzeug・Jinja 2・good intentionsをベースにしています。

Raspberry Pi

Raspberry Piは、ラズベリーパイ財団が開発した、名刺サイズのLinuxコンピュータです。 学校で基本的なコンピュータ科学の教育を促進することを意図しています。

Python

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

HTML

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

0グッド

0クリップ

投稿2022/11/16 00:52

編集2022/11/16 01:16

前提

pythonとHTML、ラズパイを活用してWebアプリケーションを作成しています。
ラズパイも活用しているため2個のpythonファイルを使用しているのですが、ラズパイで撮った写真の保存先ファイルと、Webシステムのpythonファイルが入ったファイルが別々になっており参照の為ファイルパス指定しても参照できません。
また、2個のpythonファイルを使用しているのですが、同じデータベースを使用したいと考えていますが上手く連携ができません。

ファイルは
Egamiproject
-nemotoproject
-nemotosama
syasinmiru.py
-templates
image.html
mite.jpg
となっており、Egamiprojectの中にある[mite.jpg]を、二個下の階層にあるpythonファイルで参照したいです。

実現したいこと

・pythonファイルで1つ上のディレクトリにある写真を表示したい。
・2つのpythonファイルで同じデータベースを使用したい。

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

表示されません。

該当のソースコード

python

1import os 2from flask import Flask, render_template 3os.chdir('../') 4app = Flask(__name__, static_folder=os.getcwd() + '/Egamiproject') 5@app.route('/') 6def index(): 7 return render_template('image.html') #htmlファイルの表示 8if __name__ == '__main__': 9 app.run(debug=True, host='0.0.0.0', port=5000)

HTML

1<html lang=”ja”> 2<head> 3<meta charset=”UTF-8″> 4</head> 5<body> 6<title>別ファイル表示</title> 7<script type="text/javascript"> 8 for(var i=0;i<10;i++){ 9 document.write("繰り返し"+(i+1)+"回目<br>"); 10 } 11 </script> 12<h2>りんご</h2> 13 <img src="mite.jpg"alt="まだ撮影してません"> 14</body> 15</html>

試したこと

・ファイルパスの変更
・imagesフォルダを作成し、その中に画像ファイルを保存

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

vscode,flask,python,html,raspberrypieを活用
ここにより詳細な情報を記載してください。

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

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

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

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

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

guest

回答1

0

ベストアンサー

やったことないですが、たぶん以下だと思います。

[Flask] 静的ファイルをプロジェクトディレクトリより上の階層に配置する方法

投稿2022/11/16 01:02

FiroProchainezo

総合スコア2401

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

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

nemotonkatu

2022/11/16 01:13

ありがとうございます、ただ実装させてみたのですが表示できませんでした、すみません。恐らく教えていただいたサイトも必要になると思うのでコードの変更をしておきます。ありがとうございました。
FiroProchainezo

2022/11/16 05:35

何が問題で何が解決できていないのかよく分からないのですが、質問文のコードでは、「画像が表示できない」という問題が発生しているという認識でよろしいですか? 「2つのpythonファイルで同じデータベースを使用したい。」というのは質問文のコードでは何もしていませんよね? また、絶対パス指定できればカレントの移動は要らないと思うと記事に記載がありますが、正しい絶対パスを指定しても表示できないということでしょうか? ついでですが、質問文のファイル構成部分ですが、インデント等が無いべた書きになってしまっているので、こちらもコードブロックで囲んで書いていただけますか?(textとかを指定すれば良いと思います)
nemotonkatu

2022/11/17 00:56

正しい絶対パスを指定してもできなかったのですが path = r"C:\Users\R4A1\Desktop\Egamiproject\flask\sqllite\templates\images\photo.jpg" とrをつけることで解決しました。ありがとうございました!
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.48%

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

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

質問する

関連した質問