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 문서에 잘 삽입됩니다.
'코딩 > flask' 카테고리의 다른 글
| [Flask] Flask API 서버에 인증 기능 넣기 (0) | 2023.02.19 |
|---|---|
| [flask] ModuleNotFoundError: No module named 'wtforms.fields.html5' 에러 해결 방법 (2) | 2023.01.31 |
| [flask] Ajax로 json 데이터 post 전달시 flask 서버 get_json() 관련 오류 해결 방법 (0) | 2022.08.29 |
| [flask] ubuntu에 flask_mysqldb 설치 중 에러 해결 방법 (0) | 2022.07.14 |
| [flask+jinja2] 반올림하기, round 필터 (0) | 2022.03.19 |
| [flask+jinja2] 서버에서 받은 html 요소가 html 문서에서 제대로 표현되게 하려면? (0) | 2022.02.06 |
| [flask+jinja2] break 사용하기 (2) | 2022.02.05 |
| [flask] rows에서 각 row가 몇 번째 것인지 보여주고 싶다면? (0) | 2021.05.15 |
