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

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

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

CGI(Common Gateway Interface)とは、Webサーバー上でユーザプログラム動作させる仕組みのこと。また、動かす前提のプログラムをCGIと呼ぶこともあります。HTMLなどの静的な情報に限らず、プログラムの処理結果をベースにした動的情報の提供が可能です。

Python 3.x

Python 3はPythonプログラミング言語の最新バージョンであり、2008年12月3日にリリースされました。

Python

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

HTML

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

Q&A

解決済

1回答

6355閲覧

Python3でCGI実行でが任意の画像をhtml上に出力する方法が分からないです。

assy_

総合スコア10

CGI

CGI(Common Gateway Interface)とは、Webサーバー上でユーザプログラム動作させる仕組みのこと。また、動かす前提のプログラムをCGIと呼ぶこともあります。HTMLなどの静的な情報に限らず、プログラムの処理結果をベースにした動的情報の提供が可能です。

Python 3.x

Python 3はPythonプログラミング言語の最新バージョンであり、2008年12月3日にリリースされました。

Python

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

HTML

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

0グッド

0クリップ

投稿2019/04/27 17:20

イメージ説明

上記の画像をpythonのCGIで表示させたいのですが、どうにもなりません。

フォルダ構成は以下のようになっています。

イメージ説明

サーバを立ち上げて

http://localhost:8xxx/cgi-bin/image_out.py

にアクセスしたときに画像を表示させるためにはどうすればよいでしょうか?

image_out.pyの中身です。

python

1#! /usr/bin/env python3 2 3import cgi 4import cgitb 5cgitb.enable() 6 7f = open("src/syusyoku_nayamu_neet_man.png","rb") 8print("Content-Type: text/html") 9# print("Content-Type: image/jpeg") 10print("") 11 12print("<html><body>") 13print(f.read()) 14print(result) 15print("</body><html>")

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

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

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

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

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

guest

回答1

0

ベストアンサー

以下のように単純にimgタグで指定するか

Python

1import cgitb 2cgitb.enable() 3 4print('Content-Type: text/html') 5print('') 6 7print('<html><body>') 8print('<img src="../src/syusyoku_nayamu_neet_man.png" >') 9print('</body><html>')

動的に読み込んだ、あるいは生成した画像を表示したいなら以下のようにすればよいです。
Output binary data from CGI in Python 3

Python

1import cgitb 2cgitb.enable() 3import sys 4 5with open('./src/syusyoku_nayamu_neet_man.png','rb') as f: 6 data = f.read() 7 8sys.stdout.buffer.write( b'Content-type: image/png\r\n') 9sys.stdout.buffer.write( b'\r\n') 10sys.stdout.buffer.write(data)

なお、上記コードはcgi-binとsrcディレクトリを同階層に配置した場合の例です。

投稿2019/04/28 20:52

can110

総合スコア38234

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

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

assy_

2019/04/30 06:31

上の方のコードは一応実行はできたのですが、画像がファビコンみたいになってしまい、上手く表示されませんでしたがちゃんとHTMLの文章の中に表示されてはいます。下の方は標準出力で画像の表示は上手くできたのですが、HTMLの中に画像を埋め込むにはどうすればよいのでしょうか・・・
can110

2019/04/30 07:39

リンク先のパスが間違っていてリンク切れ状態になっているのではないでしょうか? 回答コードではcgi-binとsrcディレクトリを同階層に配置した場合の例ですので。
assy_

2019/04/30 08:52

すみません、ディレクトリを移したら問題なく表示することができました。ありがとうございます!フルパスで試してだめだったのでパスは問題ないと思っていたのですが、サーバー側で判別できるように相対パスでなければならなかったということでしょうか?
can110

2019/04/30 08:56

フルパスというのがローカルマシン上の絶対パスという意味でしたら、その指定ではダメです。 なぜならURLはHTTPサーバで指定されたパスがルートとして扱われるからです。 たとえばローカルマシン上の「~wwwroot」などがURL上のルート「/」になります。
assy_

2019/04/30 09:19

なるほど、ありがとうございます。 大変参考になりました!
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.50%

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

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

質問する

関連した質問