0Pricing
Django Academy · Lekcja

ImageField i udostępnianie przesłanych plików

Obsługa obrazów i odwoływanie się do multimediów w środowisku deweloperskim

ImageField i udostępnianie przesłanych plików to bezpłatna lekcja Django Academy na CoddyKit. To lekcja 4 z 4. Możesz przeczytać całą lekcję poniżej za darmo — a potem ćwiczyć ją interaktywnie w przeglądarce z wbudowanym edytorem kodu i tutorem AI dostępnym 24/7. To część ścieżki edukacyjnej Django Academy, a Twój postęp synchronizuje się między webem a aplikacją CoddyKit. Kurs Django Academy zawiera 4 lekcji w sumie.

Dlaczego ImageField

W przypadku obrazów używaj ImageField zamiast FileField. Działa tak samo, ale dodatkowo udostępnia kontrole i pomocnicze funkcje specyficzne dla obrazów.

avatar = models.ImageField(upload_to='avatars/')

Wymagana biblioteka Pillow

ImageField korzysta z biblioteki Pillow do odczytywania obrazów. Najpierw ją zainstaluj, w przeciwnym razie migracje odmówią wykonania. 🖼️

pip install Pillow

Wbudowana walidacja

ImageField sprawdza, czy przesłany plik jest prawdziwym obrazem. Plik .txt ze zmienioną nazwą zostanie automatycznie odrzucony podczas walidacji formularza.

Szerokość i wysokość

Ustaw width_field i height_field, a Django zapisze w tych kolumnach wymiary każdego obrazu podczas zapisu.

photo = models.ImageField(
    upload_to='pics/',
    height_field='h', width_field='w')

Wyświetl obraz

W szablonie ustaw właściwość .url pola jako wartość atrybutu tagu img, aby wyświetlić użytkownikowi zapisany obraz.

<img src="{{ profile.avatar.url }}" alt="avatar">

Zabezpiecz adres URL

Wywołanie .url dla pustego pola powoduje błąd. Umieść je w warunku if, aby brak obrazu nie powodował awarii strony.

{% if profile.avatar %}
  <img src="{{ profile.avatar.url }}">
{% endif %}

Ustaw wartość domyślną

Podaj domyślną ścieżkę obrazu w polu default, aby użytkownicy bez przesłanego pliku nadal widzieli zastępczy awatar.

models.ImageField(default='avatars/blank.png')

Serwowanie w środowisku deweloperskim

Django samo nie serwuje plików multimedialnych. W środowisku deweloperskim dodaj w adresach URL projektu trasę z MEDIA_URL do MEDIA_ROOT.

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

Tylko przy DEBUG

Ten pomocniczy mechanizm obsługi plików multimedialnych służy wyłącznie do programowania. Na produkcji przesyłane pliki serwuje właściwy serwer WWW, dlatego zabezpiecz trasę warunkiem DEBUG.

if settings.DEBUG:
    urlpatterns += static(...)

Serwowanie na produkcji

Na produkcji pozwól, aby Nginx lub usługa przechowywania, taka jak S3, serwowała pliki multimedialne bezpośrednio. Kierowanie każdego obrazu przez Django byłoby powolne.

Miniatury w późniejszym etapie

Potrzebujesz zmienionych rozmiarów obrazów? Biblioteki takie jak django-imagekit generują miniatury na podstawie ImageField, gdy będziesz na to gotowy.

Szybkie sprawdzenie

Sprawdźmy, czego potrzebuje ImageField, aby działać.

Podsumowanie

Dowiedział(a) się Pan/Pani, że ImageField wymaga Pillow, weryfikuje prawdziwe obrazy, udostępnia .url do ich wyświetlania oraz że na produkcji pliki multimedialne powinny być serwowane poza Django. 🎉

Często zadawane pytania

Czy lekcja „ImageField i udostępnianie przesłanych plików” jest bezpłatna?

Tak — pełny tekst „ImageField i udostępnianie przesłanych plików” jest dostępny za darmo tutaj w sieci. Aby ćwiczyć ją interaktywnie (wbudowany edytor kodu i tutor AI dostępny 24/7) i odblokować resztę kursu Django Academy, przejdź na CoddyKit PRO. Kurs Django Academy zawiera 4 lekcji w sumie.

Co nauczysz się w „ImageField i udostępnianie przesłanych plików”?

Obsługa obrazów i odwoływanie się do multimediów w środowisku deweloperskim Ćwiczysz Django Academy z praktycznym kodem, który uruchamiasz bezpośrednio w przeglądarce, a tutor AI dostępny 24/7 odpowiada na Twoje pytania podczas pracy nad lekcją.

Czy potrzebuję doświadczenia, aby zacząć Django Academy?

Nie wymagamy żadnego doświadczenia. Django Academy w CoddyKit jest strukturyzowany dla początkujących i zaawansowanych użytkowników, więc możesz zacząć tutaj lub od początku i uczyć się w swoim tempie. To lekcja 4 z 4.

Ile czasu zajmuje lekcja „ImageField i udostępnianie przesłanych plików”?

Większość lekcji CoddyKit trwa około 5–10 minut. Każda lekcja to mały, interaktywny krok, dzięki czemu robisz systematyczne postępy i zawsze wracasz dokładnie do tego samego miejsca — na webie i w aplikacji.

Czy mogę pisać i uruchamiać kod w tej lekcji Django Academy?

Tak. Każda lekcja Django Academy zawiera wbudowany edytor kodu, więc piszesz i uruchamiasz prawdziwy kod bezpośrednio w przeglądarce i od razu otrzymujesz sprzężenie zwrotne od AI — bez konfiguracji na komputerze.

Wszystkie lekcje w tym kursie

  1. STATICFILES i znacznik static
  2. collectstatic na produkcji
  3. MEDIA_ROOT i przesyłanie plików
  4. ImageField i udostępnianie przesłanych plików
← Powrót do Django Academy