ImageField et diffusion des téléversements
Gérez les images et créez des liens vers les médias en développement.
ImageField et diffusion des téléversements est une leçon Django Academy gratuite sur CoddyKit. Ceci est la leçon 4 sur 4. Tu peux lire la leçon complète ci-dessous gratuitement — puis la pratiquer en direct dans le navigateur avec un éditeur de code intégré et un tuteur IA 24/7. Elle fait partie du parcours d'apprentissage Django Academy, et ta progression se synchronise sur le web et l'application CoddyKit. Le cours Django Academy comprend 4 leçons au total.
Certaines parties de cette leçon n'ont pas encore été traduites et s'affichent en anglais.
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 PillowValidation 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. 🎉
Apprends Python avec un tuteur IA — gratuit
Écris et exécute du vrai code dans ton navigateur, obtiens de l'aide instantanée d'un tuteur IA disponible 24h/24, et reprends là où tu t'es arrêté sur le web ou dans l'app.
- Cours
- 30
- Leçons
- 120
Questions Fréquemment Posées
La leçon « ImageField et diffusion des téléversements » est-elle gratuite ?
Oui — le texte complet de « ImageField et diffusion des téléversements » est gratuit à lire ici sur le web. Pour la pratiquer de manière interactive (un éditeur de code intégré et un tuteur IA 24/7) et déverrouiller le reste du cours Django Academy, passe à CoddyKit PRO. Le cours Django Academy comprend 4 leçons au total.
Qu'est-ce que j'apprendrai dans « ImageField et diffusion des téléversements » ?
Gérez les images et créez des liens vers les médias en développement. Tu pratiques Django Academy avec du code pratique que tu exécutes directement dans le navigateur, et un tuteur IA 24/7 répond à tes questions au fur et à mesure que tu avances dans la leçon.
Dois-je avoir de l'expérience pour commencer Django Academy ?
Aucune expérience préalable n'est requise. Django Academy sur CoddyKit est structuré pour les débutants jusqu'aux apprenants avancés, donc tu peux commencer ici ou depuis le début et avancer à ton rythme. Ceci est la leçon 4 sur 4.
Combien de temps prend la leçon « ImageField et diffusion des téléversements » ?
La plupart des leçons CoddyKit prennent environ 5–10 minutes. Chacune est courte et interactive, tu progresses régulièrement et tu repiques exactement où tu t'es arrêté sur le web et l'app.
Peux-tu écrire et exécuter du code dans cette leçon Django Academy ?
Oui. Chaque leçon Django Academy inclut un éditeur de code intégré, tu écris et exécutes du vrai code directement dans ton navigateur et tu reçois des retours IA instantanés — aucune configuration locale requise.
Toutes les leçons de ce cours
- STATICFILES et la balise static
- collectstatic pour la production
- MEDIA_ROOT et téléversements de fichiers
- ImageField et diffusion des téléversements