[Django] 게시판 이미지 업로드하고 불러오기

글쓰기 페이지에 이미지 업로드 기능

세팅하기

urls.py (프로젝트 폴더)

urlpatterns = [] + static(settings.MEDIA_URL, document_root = settings.MEDIA_ROOT)

settings.py (프로젝트 폴더) 맨 아래 즈음

MEDIA_URL = '/media/'
MEDIA_ROOT = os.path.join(BASE_DIR, 'media')

models.py > 게시글 모델

post_img = models.FileField("이미지", upload_to='',blank=True, null=True)

이미지 업로드하고 로드하기

views.py > 글 작성 함수

post_img = request.FILES.get('post_img') # 이미지 업로드 받아오기

글 작성 템플릿

 <form class="post-form" action="{% url 'post' %}" method="post" enctype="multipart/form-data">
 
	<div class="form-group">
		<label for="post_img">이미지</label>
		<input type="file" class="form-control-file" id="post_img" name="post_img">
	</div>

<form>

글 상세보기 템플릿

{% if post.post_img %}
    <img class="post-image" src="{{ post.post_img.url }}" alt="post image" style="width:50vw ; max-width:500px">
{% endif %}

 

이미지 파일이 저장되는 곳