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

  • 여기서 이미지가 새롭게 뜨지 않는다, 싶으신 분들은, 크롬의 개발자 도구에서 ‘캐쉬 비활성화’버튼을 누르시면 됩니다.

댓글남기기