概要
@kenmaro
です。
備忘録となります。
やりたいこと
- flask 側でそのimgをユーザのPOSTなどに応じて毎回作り替えている
- flaskはできたimgをstatic フォルダに格納する
- html 側でstatic に保存された画像に対して、img タグを使って画像をレンダリングしている
という状況で、ブラウザ上で確認すると、
static/
以下の画像は毎回更新されているにもかかわらず、
ブラウザ上では画像が更新されなかったので、あれ？となりました。
キャッシュを使わないような設定にすることで、毎回画像をstatic フォルダからレンダリングしてもらうことで解決しようとした、
というだけの記事です。
TLDR
app.config['SEND_FILE_MAX_AGE_DEFAULT'] = 0
をつければいけました。
3分でできる再現の仕方
flask を使ういつものフォルダ構成をします。
test.py
static
templates/first.html
/second.html
test.py
from flask import Flask, render_template, request
import numpy as np
import pandas as pd
import os
import matplotlib
import time
matplotlib.use('agg')
app = Flask(__name__)
app.config['SEND_FILE_MAX_AGE_DEFAULT'] = 0
from flask import url_for
@app.route('/', methods=["GET", "POST"])
def index():
if request.method == "GET":
return render_template("first.html")
else:
num = int(request.form["num"])
tmp = (np.random.rand(num)*100).tolist()
tmp2 = map(int, tmp)
df = pd.DataFrame(tmp2, columns=["age"])
df.plot.hist(bins=5).figure.savefig('static/tmp.png')
print(os.getcwd())
print(df.head)
return render_template("second.html")
if __name__ == '__main__':
app.debug = True
app.run(host='0.0.0.0', port=8000)
templates/first.html
<!DOCTYPE html>
<html>
<head>
</head>
<body>
this is the main page
<form action="/" method="post">
<div>
<label for="name">number</label>
<input type="number" id="num" name="num">
</div>
<input type="submit" value="send">
</form>
</body>
</html>
templates/second.html
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}" type="text/css">
</head>
<body>
this is the main page
<img src="static/tmp.png" alt="">
<a href="/">back</a>
</body>
</html>
まとめ
とりあえずキャッシュ使いたくない時はいいかもしれません。
今回はこの辺で。