Comment afficher deux images avec Node js ?

**keokaz** · 29/09/2014, 11h04

Bonjour,
je souhaite afficher 2 images mais la 2 ème firefox ne le trouve pas

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
var http = require('http');
var fs = require('fs');
var ok = fs.readFileSync('ok.png');
var no = fs.readFileSync('no.png');
 
http.createServer(function(request, response) {
  if(request.url.indexOf('ok.png')<0) {
      response.writeHead(200, {"Content-Type": "text/html"});
      response.write('voici une image : <br/> <img src="ok.png"> <img src="no.png">  ');
      response.end();
  }
  else
  {
     response.writeHead(200, {"Content-Type": "image/png"});
     response.write(ok,no);
     response.end();
  }
}).listen(8811);

Comment je dois procéder ?
il y at'il une façon plus simple de le faire ?
merci d'avance de la réponse.

**arnogues** · 29/09/2014, 22h18

Que valent les variables ok et no ?

**Watilin** · 30/09/2014, 01h29

Envoyé par keokaz

Bonjour,
je souhaite afficher 2 images mais la 2 ème firefox ne le trouve pas

Code :

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

     response.write(ok,no);

J'ai envie de dire RTFM (pardon

) : http://nodejs.org/api/http.html#http...chunk_encoding

Le second paramètre de response.write c'est l'encodage. Tu peux concaténer avec + ou alors envoyer la seconde image dans un autre write.

**keokaz** · 30/09/2014, 21h47

merci des réponse
j'ai essayer ceci

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 
var http = require('http');
var fs = require('fs');
var ok = fs.readFileSync('ok.png');
var no = fs.readFileSync('no.png');
 
http.createServer(function(request, response) {
      response.writeHead(200, {"Content-Type": "image/png"});
      response.write(ok);
      response.write(no);
      response.write(no+ok);
      response.end();
}).listen(8811);

je n'ai qu'une seul image ?

**Watilin** · 01/10/2014, 04h07

Ah désolé, j'ai lu ton code trop vite.

Ma réponse précédente reste valable : tu ne peux pas envoyer deux images avec le même write. En fait c'est même pire que ça : tu ne peux pas envoyer deux fichiers dans une seule réponse HTTP.

C'est tes premières armes avec Node pas vrai ? Je vois que tu as déjà un début d'algorithme de routage, c'est-à-dire d'appel à telle ou telle partie du script en fonction de l'adresse demandée. Il faut simplement que distingues les cas ok.png et no.png. Pour t'aider je te conseille d'utiliser le module URL et sa méthode parse.

Quant à la raison pour laquelle ton code actuel ne permet pas de voir les deux images, je ne suis pas sûr mais j'avance une hypothèse : il est possible que readFile/readFileSync place un marqueur de fin de fichier (octet EOF) à la fin du tampon, et que write ne prenne pas en compte les données arrivant après ce marqueur. Ou bien une information sur la taille du fichier est transmise, ce qui conduit au même résultat.

Ce qu'il faut retenir, c'est qu'avec HTTP, il y a une correspondance 1 fichier = 1 requête.

Pour progresser : Des cours et tutoriels pour apprendre Node.js :https://nodejs.developpez.com/cours/ à commencer par Node.js : le livre du débutant : https://nodejs.developpez.com/tutori...ivre-debutant/

**keokaz** · 03/10/2014, 07h11

oui en effet je débute ...
j'ai pu afficher mes 2 images

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
var express = require('express');
var fs = require('fs');
var path = require('path');
var app = express();
app.use(express.static(__dirname + '/public'));
app.set('view engine','ejs');
app.set('views',path.join(__dirname,'vue'));
 
app.get('/',function(req,res){
  res.render('img');
});
 
app.listen(8811);

et mon fichier ejs

Code html :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<!doctype html>
<html lang="fr>
<head>
<meta charset ="utf-8">
<title>première application avec node js</title>
<link rel="stylesheet" type="text/css" href="/automat.css">
</head>
<body>
<h1>automat</h1>
 
<a>icone ok</a>
<img src="/ok.png">
<a>icone no</a>
<img src="/no.png">
</body>
</html>

Maintenant je n'arrive pas à charger le css, je l'ai mis dans

/vue/automat.css

Comment afficher deux images avec Node js ?

NodeJS

Vue hybride

Discussions similaires

Partager

Partager