Un guide pour télécharger des images avec une application Django

L’une des caractéristiques les plus attrayantes d’une application moderne est sa capacité à accueillir des images. Les images telles que les photos, les illustrations et les animations apportent un attrait visuel à une application.

Bien que les images soient importantes, elles peuvent ralentir l’application et augmenter les menaces de sécurité pour la base de données.

Pour les applications construites sur Django, le téléchargement d’images est facile et sécurisé. Django dispose d’une fonctionnalité spécialisée qui permet le téléchargement d’images.

Voyons comment télécharger des images dans une application Django sans compromettre la sécurité.

Ce dont vous avez besoin

Avant de commencer à télécharger des images, assurez-vous que vous disposez des éléments suivants :

• Installer Python
• Installer Pip
• Installer Pipenv (vous pouvez également utiliser venv si vous le souhaitez)
• Installer Django
• Vous avez une application Django existante qui a besoin d’images

Maintenant que vous avez les dépendances nécessaires, commençons.

1. Installer Pillow

Django dispose d’un ImageField dans ses modèles. Le champ stocke les téléchargements d’images à un emplacement spécifié dans le système de fichiers, et non dans la base de données. Oreiller est une bibliothèque Python qui vérifie la présence d’images dans le champ ImageField.

Pour installer l’oreiller utilisez la commande ci-dessous :

Si vous utilisez venv, utilisez plutôt la commande suivante

2. Créer un modèle

Créer un ImageField dans la base de données. Ensuite, ajoutez le champ upload_to dans le modèle. L’argument définit un emplacement de stockage dans le système de fichiers.

La méthode à la fin permet de convertir les données en chaînes de caractères.

Ensuite, migrez et validez les nouvelles modifications dans la base de données. Ensuite, vous devez modifier les paramètres du projet.

3. Ajouter l’URL des médias aux paramètres du projet

Naviguez jusqu’aux paramètres du projet. Sous le titre # Fichiers statiques (CSS, JavaScript, Images) ajoutez l’URL du média.

L’ajout d’URL de médias aux paramètres définit une route spécifique pour l’affichage des images téléchargées. Le fichier média stocke les images de l’application. Le chemin d’accès se présente comme suit : 127.0.0.1:8000/media/profil/image.jpg

Mettez à jour le fichier TEMPLATES dans les paramètres du projet. Ajouter django.template.context_processors.media au tableau des modèles.

Le paramètre media des processeurs permet de charger les images téléchargées dans les modèles de l’application.

4. Ajouter la racine des médias aux URL

Ensuite, vous devez ajouter la racine MEDIA_ROOT à l’URL de l’application. Cela permettra de charger les images téléchargées sur le serveur de développement.

Tout d’abord, importez les paramètres du projet à partir du fichier django.conf et un module fonction statique. Ensuite, ajoutez au module motifs d’url une route statique indiquant l’emplacement des fichiers téléchargés.

5. Test des téléchargements d’images

Ensuite, lancez le serveur :

S’il n’y a pas d’erreurs, naviguez vers le panneau d’administration de Django en ajoutant une route d’administration à l’URL de base, http://127.0.0.1:8000/admin.

Dans le panneau d’administration, lorsque vous cliquez sur le modèle Profil, vous verrez un champ d’image ajouté en bas.

Lorsque vous téléchargez une image, vous verrez un nouveau dossier créé dans le dossier de l’application appelé media. Lorsque vous ouvrez le dossier, vous verrez l’image que vous avez téléchargée via le panneau d’administration.

6. Afficher l’image téléchargée

Vous devez mettre à jour le modèle de profil pour afficher l’image de profil.

Vous ajouterez un img et la remplir avec la balise image_profil . L’attribut ImageField possède un attribut URL qui fournit l’URL absolue du fichier. Vous pouvez spécifier la forme et l’apparence de l’image à l’aide de classes CSS.

Vous pouvez exécuter le serveur pour charger l’image. Vérifiez ensuite le modèle dans le navigateur pour voir l’image s’afficher.

Comment charger des images dans une application Django

Django facilite le chargement d’images dans vos applications. Django dispose d’un champ spécialisé sur ses modèles qui ajoute et vérifie le type de fichier avant le téléchargement.

Le champ ImageField fournit un chemin absolu vers un système de fichiers pour stocker les images. Le stockage des images dans un système de fichiers augmente la vitesse de l’application et garantit que la base de données n’est pas infiltrée par des fichiers nuisibles.