pythonで画像データをメモリに載せてブラウザに表示する方法

Question

PILで適当な入力情報の画像を作成し、そのファイルを一時ディレクトリに展開してブラウザに表示するといった事を考えていたのですが、
NamedTemporaryFileで一時ディレクトリを作成してそこにファイルを作成しHTMLのimgタグで指定すれば見れるかなと思ったのですが画像がなく表示されませんでした。
一時ディレクトリでなくてもサーバーサイドで作成した画像をメモリ上に保存してそれをブラウザで表示する方法はないでしょうか。
pythonは3.7で一応djangoを使う想定で, MEDIA_URL=/media/のように指定しています。

font_color = (0, 0, 0)
im = Image.new('RGBA', (60,60), (0, 0, 0, 0))
draw = ImageDraw.Draw(im)
draw.text((0,0),req.POST["req_string"],font_color)
#物理的に存在するディレクトリ
path = "/file/hoge/media/test.png"
img.save(path)

#途中で一時ディレクトリを試してみました
with tempfile.NamedTemporaryFile(delete=False) as tf:
    temp_file_name = tf.name
path = "/file/hoge/media/"+ temp_file_name +"test.png"

Comments

[dameo]

回答はできないのですが、画像を作る場合、
・いつまで保持しないといけないのか？
・URIの指定で一意に決まる固定画像なのか？
・ブラウザでキャッシュすべきものなのか？
が重要な場合があります。分かる範囲でいいので、書いといた方がいいと思いますよ。

Answer 1

サーバーサイドで作成した画像をメモリ上に保存してそれをブラウザで表示する方法はないでしょうか。

Data URIにエンコードして、HTML上に書き出してしまう、という方法も考えられます。

Answer 2

• Pillow Image.save

fp – A filename (string), pathlib.Path object or file object.

ですので、第一引数にファイル名ではなく、ファイルオブジェクトも指定できます。

また、ioモジュールにメモリ上に読み書きできるファイルオブジェクト「BytesIO」があります。
これの複合技で、PILの保存をメモリ上で行うことができます。

# coding: utf-8

import sys, io
from PIL import Image

if __name__ == '__main__':
	img = Image.new('RGB', (64, 64), (0, 255, 0))
	f = io.BytesIO()
	img.save(f, 'png')

	# 確認のため、ファイルに書き出してみる。
	with open('hoge.png', 'wb') as out_f:
		out_f.write(f.getvalue())

djangoは知らないのでこの先はわかりませんが、

• Django 画像を返すレスポンス

上記のような感じで画像を返すレスポンスを作っておき、imgタグのsrc属性にそのURLを指定しておけばいいんじゃないでしょうか。