flask에서 html에 이미지 첨부하기.
최대 1 분 소요
flask에서 img를 첨부한 html 파일을 만듭시다.
- flask에서 html을 렌더링할때, static 폴더에 img를 생성하여 저장하고, 해당 이미지를 html내에 첨부하여 보여주려고 합니다.
- 간단하게, flask에서는 다음과 같은 함수를 만듭니다. 그림을 그려주고, 그림을
svg
파일로 저장합니다.
@app.route("/test_img")
def made_img():
f = plt.figure()
plt.plot([1,2,3, 5, 6, 10], [4,5,6, 8, 1, 100])
plt.savefig("static/img/aaa.svg")
return render_template('img.html')
- 또, html 파일은 다음처럼 간단하게 만듭니다. 그냥
src
에 경로를 박아둔 것이 다죠.
<html>
<head>
</head>
<body>
<img src="대괄호대괄호url_for('static', filename='img/aaa.svg')대괄호대괄호" />
</body>
</html>
wrap-up
- 여기서 이미지가 새롭게 뜨지 않는다, 싶으신 분들은, 크롬의 개발자 도구에서 ‘캐쉬 비활성화’버튼을 누르시면 됩니다.
댓글남기기