flask 프로젝트에서는 보통 작업 디렉토리에 static 폴더를 만든 후 그 안에 CSS, IMG, JS 폴더 등을 만듭니다.
CSS 파일은 CSS 폴더에, 자바스크립트 파일은 JS 폴더에, 이미지 파일은 IMG 폴더에 넣어놓습니다. 그렇다면, 이 이미지를 html에서 이미지 태그를 이용해서 삽입할 때 이 이미지 파일의 주소는 어떻게 될까요? 다음과 같이 url_for 함수를 활용하여 이미지의 주소를 만들어줘야 합니다.
<img src="{{url_for('static', filename='IMG/sample.png')}}" width="200">
이렇게 해주면 sample.png라는 이미지가 html 문서에 잘 삽입됩니다.
'Dev > python' 카테고리의 다른 글
| [flask] Ajax로 json 데이터 post 전달시 flask 서버 get_json() 관련 오류 해결 방법 (0) | 2022.08.29 |
|---|---|
| [python] 함수를 매개변수로 전달할 때 많이 사용되는 람다(lambda) (2) | 2022.08.23 |
| [pandas] SQL의 JOIN 역할을 하는 pd.merge와 df.join (0) | 2022.08.15 |
| [pandas] 파이썬 판다스로 엑셀 파일을 읽고 쓰려면 openpyxl도 추가로 설치해야 함 (0) | 2022.08.15 |
| [PyQt6] pyqt 앱 윈도우 크기 고정 방법 (0) | 2022.08.05 |
| [python] playsound 라이브러리 playsound.PlaysoundException: Error 259 for command 예외 해결 방법 (2) | 2022.08.04 |
| [pandas] 중복 데이터 제거하기, 데이터프레임 drop_duplicates() 메소드 (0) | 2022.08.01 |
| [pandas] 누락된 데이터가 - 등의 기호로 표현되어 있을 때 NaN으로 변경하는 방법, replace() 메소드 (0) | 2022.07.29 |