Django Academy · Ders

ImageField ve Yüklemeleri Sunma

Geliştirme ortamında görselleri yönetin ve medyaya bağlantı verin.

ImageField ve Yüklemeleri Sunma, CoddyKit'te ücretsiz bir Django Academy dersidir. Bu, 4 dersinin 4. dersidir. Aşağıdan dersin tamamını ücretsiz okuyabilir, sonra tarayıcıda yerleşik kod editörü ve 7/24 yapay zeka koçu ile uygulamalı olarak pratik yapabilirsin. Bu, Django Academy öğrenme yolunun bir parçasıdır ve ilerlemeniz web ve CoddyKit uygulaması arasında senkronize olur. Django Academy kursu toplamda 4 dersten oluşur.

Bu dersin bazı bölümleri henüz çevrilmemiş olup İngilizce olarak gösterilmektedir.

Why ImageField

For pictures, use ImageField instead of FileField. It works the same but adds image-specific checks and helpers on top.

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

Pillow Is Required

ImageField depends on the Pillow library to read images. Install it first or migrations will refuse to run. 🖼️

pip install Pillow

Validation Built In

ImageField verifies an upload is a real image. A renamed .txt file gets rejected during form validation automatically.

Width and Height

Set width_field and height_field and Django records each image's dimensions into those columns on save.

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

Display the Image

In a template, point an img tag at the field's .url to render the stored picture for the user.

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

Guard the URL

Calling .url on an empty field raises an error. Wrap it in an if check so missing images do not crash your page.

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

Provide a Default

Give the field a default image path so users without an upload still see a placeholder avatar.

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

Serving in Dev

Django will not serve media on its own. In development, add a route from MEDIA_URL to MEDIA_ROOT in your project urls.

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

Only When DEBUG

That media helper is for development only. In production a real web server serves uploads, so guard the route with a DEBUG check.

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

Production Serving

In production let Nginx or a storage service like S3 serve media directly. Routing every image through Django would be slow.

Thumbnails Later

Need resized versions? Libraries like django-imagekit generate thumbnails on top of ImageField when you are ready.

Quick Check

Let us check what ImageField needs to function.

Recap

You learned that ImageField needs Pillow, validates real images, exposes .url for display, and that production should serve media outside Django. 🎉

Sıkça Sorulan Sorular

“ImageField ve Yüklemeleri Sunma” dersi ücretsiz mi?

Evet — “ImageField ve Yüklemeleri Sunma” dersin tüm metni burada web'de ücretsiz olarak okunabilir. Etkileşimli olarak pratik yapmak (yerleşik kod editörü ve 7/24 yapay zeka koçu) ve Django Academy kursunun geri kalanını açmak için CoddyKit PRO'ya yükselt. Django Academy kursu toplamda 4 dersten oluşur.

“ImageField ve Yüklemeleri Sunma” dersinde ne öğreneceğim?

Geliştirme ortamında görselleri yönetin ve medyaya bağlantı verin. Django Academy ile uygulamalı kodu tarayıcıda doğrudan çalıştırarak pratik yaparsın ve 7/24 yapay zeka koçu dersi çalışırken sorularını yanıtlar.

Django Academy öğrenmeye başlamak için deneyim gerekli mi?

Önceden deneyim gerekmez. CoddyKit'te Django Academy, başlangıçtan ileri seviyeye kadar yapılandırıldığı için buradan başlayabilir veya başından başlayıp kendi hızında ilerleme yapabilirsin. Bu, 4 dersinin 4. dersidir.

“ImageField ve Yüklemeleri Sunma” dersi ne kadar sürer?

Çoğu CoddyKit dersi yaklaşık 5–10 dakika sürer. Her biri kısa ve etkileşimli olduğu için sabit ilerleme yaparsın ve web ile uygulama arasında tam olarak bıraktığın yerden devam edebilirsin.

Bu Django Academy dersinde kod yazıp çalıştırabilir miyim?

Evet. Her Django Academy dersi yerleşik bir kod editörü içerir, bu sayede tarayıcıda gerçek kod yazıp çalıştırabilir ve anlık yapay zeka geri bildirimi alırsın — yerel kurulum gerekli değildir.

Bu kursun tüm dersleri

← Django Academy Sayfasına Dön