Django Media Files

사용자가 웹에서 업로드하는 정적 파일

사전 준비

# settings.py

# 미디어 파일들이 위치하는 절대 경로
MEDIA_ROOT = BASE_DIR / 'media'

# 미디어 파일의 주소 (URL) 생성
MEDIA_URL = '/media/'

# articles/models.py

class Article(models.Model):
    ...
    image = models.ImageField(blank=True)
    # image = models.ImageField(blank=True, upload_to='images/') 로 경로 설정 가능

pip install pillow

python manage.py makemigrations
python manage.py migrate

pip freeze > requirements.txt

파일 수정

# crud/urls.py

from django.conf import settings
from django.conf.urls.static import static

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

<!-- articles/create.html -->

<h1>create</h1>
<form action="{% url 'articles:create' %}" method="POST" enctype="multipart/form-data">
    {% csrf_token %}
    {{ form.as_p }}
    <input type="submit">
</form>

# articles/views.py

def create(request):
    if request.method == 'POST':
        form = ArticleForm(request.POST, request.FILES)
    ...

DB 에는 파일이 아닌 경로가 저장됨

업로드 된 이미지 확인

<!-- articles/detail.html -->

<img src="{{ article.image.url }}" alt="img">

업로드 이미지 수정

<!-- articles/update.html -->

<h1>update</h1>
<form action="{% url 'articles:update' article.pk %}" method="POST" enctype="multipart/form-data">
    {% csrf_token %}
    {{ form.as_p }}
    <input type="submit">
</form>

# articles/views.py

def update(request, pk):
    article = Article.objects.get(pk=pk)
    if request.method == 'POST':
        form = ArticleForm(request.POST, request.FILES, instance=article)
    ...