Discussion :

[hdili.chouchene]

Bonjour,
Je entraîne de développer une application que charge un img au cours de l'inscription d'un utilisateur et je le sauvegarde les données sous mongodb(mongoose).
Mon problème est : je ne peux pas charger le img de BD (Infos : MongoDb sauvegarde l'img en binaire) .
Merci.

[Patatruc]

Bonjour,

Voici un exemple un peu schématique (aucun traitement d'erreur...).

Dans le serveur, crée une route qui va servir l'image, ici au format JPEG (http://localhost/avatar?pseudo=nom_utilisateur) :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
 
// app = serveur Express
// Utilisateurs = modèle mongoose contenant les utilisateurs, l'image est ici dans le champ "img"
app.get("/avatar", function(req, res) {
	Utilisateurs.findById(req.query["pseudo"], function (err, utilisateur) {
		res.contentType("image/jpeg");
	 	res.send(utilisateur.img);
	}	
});

Dans le client, tu peux récupérer l'image à l'aide d'un Blob :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
 
<img id="avatar"> </img>
<script>
	var pseudo = "Casimir";
	var xhr = new XMLHttpRequest();
	xhr.onload = function () {
		var blob = new Blob([new Uint8Array(xhr.response)], {type: "image/jpeg"});
		document.getElementById("avatar").src = (window.URL || window.webkitURL).createObjectURL(blob);
	}
	xhr.responseType = "arraybuffer";
	xhr.open('GET', "avatar?pseudo=" + pseudo, true);
	xhr.send(null);
</script>