이 글에서는 파이썬 플라스크에 이미지 첨부하는 방법과 디렉터리를 관리하는 방법에 대해서 설명합니다.
파이썬 플라스크에 이미지 첨부하기
파이썬 flask(플라스크)는 파이썬 웹 개발을 매우 쉽게 해주는 프레임 워크입니다. 플라스크를 이용해서 이미지를 내 홈페이지에 삽입하는 방법을 알아보도록 합니다.
flask는 일반적으로 static과 templates라는 디렉터리를 사용하여 html 파일과 css 등의 파일을 관리합니다. templates는 html 파일이 들어가는 곳이며, static 디렉터리는말 그대로 정적 파일들을 넣습니다.
오늘 삽입할 이미지는 정적 파일이므로 static 디렉터리에 넣어줍니다.
이 때, 페이지 관리를 쉽게 하기위해서 static 디렉터리 내부에서도 추가로 하부 디렉터리로 관리하시면 좋습니다.
예를들어, 오디오 관련 서비스를 하는 웹 페이지에 audioDownInst.png라는 이미지를 추가한다고 가정합니다.
이 때, audioDownInst.png는 오디오 관련 웹 페이지이므로 디렉터리를 관리하기 위해서 static 디렉터리 하부에 audio라는 디렉터리를 만들어서 audioDownInst.png 파일을 첨부합니다.
이제 해당 이미지가 표시되길 원하는 html 파일의 위치에 다음 내용을 추가합니다.
<img src="{{ url_for('static', filename='audio/audioDownInst.png') }}">