Afficher plusieurs images d'une BDD MySql

**fredbubu65** · 31/05/2018, 10h10

Bonjour,

En JEE, j'arrive à afficher des images dans la 1ère colonne, mais pas dans les autres. Je ne comprends pas trop pourquoi ! (J'ai un profil JUNIOR en dév).
Je vais mettre le code de ma servlet ainsi que de ma classe DaoImpl.

Servlet :

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
20
21
22
23
24
25
26
27
if (path.equals("/image")) {
 
			String uri = request.getRequestURI();
			int index = uri.lastIndexOf("/");
			String imageName = uri.substring(index + 1, uri.length());
 
			try {
 
				Blob imageEnBdds = metier.affImg(imageName); /* La méthode pr l'affichage des images est de type Blob */
 
				if (imageEnBdds.length() >= 1) {
 
					byte[] imageData = imageEnBdds.getBytes(1, (int) imageEnBdds.length());
 
					response.setContentType("image/png");
					OutputStream o = response.getOutputStream();
					o.write(imageData);
					o.flush();
					o.close();
 
				}
			} catch (SQLException e) {
				// TODO Auto-generated catch block
				e.printStackTrace();
			}
			System.out.println(imageName);
		}

DaoImpl :

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
20
21
22
23
24
25
26
27
28
29
30
31
32
33
public java.sql.Blob affImg(String img1) {
 
		Connection connection = ConnexionBDD.getConnection();
		java.sql.Blob blob = null; /* A la base qu'une ligne */
 
		try {
			PreparedStatement ps = (PreparedStatement) connection.prepareStatement(
					"SELECT img1,img2,img3,img4,img5 FROM bsolutionwithimg WHERE bsolutionwithimg.bsolution1 LIKE ? ");
 
			ps.setString(1, img1);
 
			ResultSet rs = ps.executeQuery();
			while (rs.next()) {
				// ORM
				blob = rs.getBlob("img1");
				/*
				 * blob2 = rs.getBlob("img2"); blob3 = rs.getBlob("img3"); blob4 =
				 * rs.getBlob("img4"); blob5 = rs.getBlob("img5");
				 */
 
				/*
				 * Il me retourne qu'une seule image -> img1, je crée un blob total ?!
				 * blobGeneral = rs .getBlob("img1" + blob + "img2" + blob2 + "img3" + blob3 +
				 * "img4" + blob4 + "img5" + blob5);
				 */
 
			}
		} catch (Exception e) {
			e.printStackTrace();
		}
 
		return blob;
		// return blobGeneral;

J'ai mis une capture d'ecran pour que vous ayez un visuel

Nom : Capture-Ecran.png
Affichages : 749
Taille : 121,0 Ko

Auriez-vous une idéé ?

**joel.drigo** · 31/05/2018, 10h41

Salut,

Dans l'url, tu peux ajouter un paramètre qui permet de sélectionner la "colonne".

Dans le principe, par exemple, là où actuellement tu as <img src=".../image/imagename">, tu pourrais écrire <img src=".../image/imagename/1> pour obtenir l'image de la première colonne et <img src=".../image/imagename/2> pour celle de la deuxième.

Dans la servlet :

Code :

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

1
2
3
4
5
6
7
8
9
10
 
int index = uri.lastIndexOf("/");
String imageIndex = uri.substring(index + 1);
int index2 = uri.lastIndexOf("/",index-1);
 
String imageName = uri.substring(index2 + 1, index);
 
			try {
 
				Blob imageEnBdds = metier.affImg(imageName, imageIndex); /* La méthode pr l'affichage des images est de type Blob */

et enfin

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
 
public java.sql.Blob affImg(String img1, String n) {
 
                String imgCol = "img" + n;
 
		Connection connection = ConnexionBDD.getConnection();
		java.sql.Blob blob = null; /* A la base qu'une ligne */
 
		try {
			PreparedStatement ps = (PreparedStatement) connection.prepareStatement(
					"SELECT " + imgCol + " FROM bsolutionwithimg WHERE bsolutionwithimg.bsolution1 LIKE ? ");
 
			ps.setString(1, img1);
 
			ResultSet rs = ps.executeQuery();
			while (rs.next()) {
				// ORM
				blob = rs.getBlob(imgCol);

Sinon je vois bien une solution qui permettrait de charger les 5 images d'un coup, mais qui serait plutôt complexe pour un débutant.

**fredbubu65** · 31/05/2018, 14h03

Merci pour ta réponse.

Je viens de tester les modifications que tu m'a indiqué mais j'ai une erreur de type "java.lang.NullPointerException"

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
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
else if (path.equals("/image")) {
 
			String uri = request.getRequestURI();
			int index = uri.lastIndexOf("/");
			// String imageName = uri.substring(index + 1, uri.length());
			String imageIndex = uri.substring(index + 1);
			int index2 = uri.lastIndexOf("/", index - 1);
 
			String imageName = uri.substring(index2 + 1, index);
 
			try {
 
				Blob imageEnBdds = metier.affImg(imageName, imageIndex);
 
				if (imageEnBdds.length() > 1) {
 
					byte[] imageData = imageEnBdds.getBytes(1, (int) imageEnBdds.length());
					/*
					 * Ci-dessous, rajout pr test affichage colonne 2 pour img2 ----------> Ca
					 * fontionne pas , même img1 n'est plus affiché
					 */
					// byte[] imageData2 = imageEnBdds.getBytes(2, (int) imageEnBdds.length());
 
					response.setContentType("image/png");
					OutputStream o = response.getOutputStream();
					o.write(imageData);
					o.flush();
					o.close();
 
				}
			} catch (SQLException e) {
				// TODO Auto-generated catch block
				e.printStackTrace();
			}
			System.out.println(imageName);
		}

En fait l'erreur est sur cette ligne : if (imageEnBdds.length() > 1) Je ne vois pas pourquoi. J'ai essayé avec >=, mais ça ne fonctionne pas non plus.
Je rajoute le code ma page JSP :

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
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
<c:forEach items="${model.brackets}" var="b"> <!-- items="${model.brackets}  -->
 
				<tr>
					<td>${b.area}</td> 
					<td>${b.position}</td> 
					<td>${b.elecroute}</td>	 				
					<td>${b.bsolution1}</td> <!-- ${b.img1} ci-dessous  -->
					<td><input type="checkbox" name="BS1" id="BS1" />
						<label for="BS1"></label></td>
					<td><img src="image/${b.bsolution1}" width="160px" height="100px"/></td>  <!-- Initialement : width="220px" height="140px -->
					<td>${b.name1}</td>				
					<td>${b.bsolution2}</td> 
					<td><input type="checkbox" name="BS2" id="BS2" />
						<label for="BS2"></label></td>
					<td><img src="image/${b.bsolution2}" width="160px" height="100px"/></td>
					<td>${b.name2}</td>				
					<td>${b.bsolution3}</td> 
					<td><input type="checkbox" name="BS3" id="BS3" />
						<label for="BS3"></label></td>
					<td><img src="image/${b.bsolution3}" width="160px" height="100px"/></td>
					<td>${b.name3}</td>				
					<td>${b.bsolution4}</td> 
					<td><input type="checkbox" name="BS4" id="BS4" />
						<label for="BS4"></label></td>
					<td><img src="image/${b.bsolution4}" width="160px" height="100px"/></td>
					<td>${b.name4}</td>
					<td>${b.bsolution5}</td> 
					<td><input type="checkbox" name="BS5" id="BS5" />
						<label for="BS5"></label></td>
					<td><img src="image/${b.bsolution5}" width="160px" height="100px"/></td>
					<td>${b.name5}</td>	
					<!-- <td>${b.refPart}</td> -->				
					<td>${b.partsRef1}</td>
					<td>${b.partsRef2}</td>	
					<td>${b.partsRef3}</td>	
					<td>${b.partsRef4}</td>	
					<td>${b.partsRef5}</td>	
					<td>${b.partsRef6}</td>	
					<td>${b.partsRef7}</td>						
				</tr>
 
			</c:forEach>
			</tbody>
			</table>

J'ai aussi essayer ça dans le code de la servlet , fonctionne 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
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
@Override
	public java.sql.Blob affImg(String param) {
 
		Connection connection = ConnexionBDD.getConnection();
		java.sql.Blob blob = null; /* A la base qu'une ligne */
 
		// Blob image1 = null;
 
		try {
			PreparedStatement ps = (PreparedStatement) connection.prepareStatement(
					"SELECT img1,img2,img3,img4,img5 FROM bsolutionwithimg WHERE bsolutionwithimg.bsolution1 LIKE ? ");
 
			/* Teste avec la même requête que la 1ère méthode */
 
			ps.setString(1, param);
 
			ResultSet rs = ps.executeQuery();
			while (rs.next()) {
				Brackets brackets = new Brackets();
				brackets.setImg1((Blob) rs.getBlob("img1"));
				brackets.setImg2((Blob) rs.getBlob("img2"));
				brackets.setImg3((Blob) rs.getBlob("img3"));
				brackets.setImg4((Blob) rs.getBlob("img5"));
				brackets.setImg5((Blob) rs.getBlob("img5"));
 
			}
		} catch (Exception e) {
			e.printStackTrace();
		}
 
		return blob;
		// return blobGeneral;
 
	}

**joel.drigo** · 01/06/2018, 12h41

Si tu as une NPE sur if (imageEnBdds.length() > 1), c'est imageEnBdds est null, donc que probablement la requête ne trouve aucun enregistrement pour le nom d'image.

Et ça ne sert à rien de chercher à faire un conteneur de blobs, puisque tu ne pourras rien en faire directement pour coller une url dans l'attribut src des images ! La seule solution pour récupérer les 5 blobs en même temps (en une requête) et les coller dans des src, c'est de les mettres à la suite dans le flux de la réponse, avec en entête un moyen de les séparer (les offsets), d'utiliser une requête ajax pour lire le flux, de faire des tableaux d'octets JavaScript, un par "blob", pour recréer des urls vers ces tableaux pour les coller dans l'attribut src de chaque img.

**fredbubu65** · 01/06/2018, 12h50

Le truc c'est que imageEnBdds n'est pas null pour la 1ère colonne ! Il est null pour les autres et c'est ça que je ne comprends pas !!
Pourquoi pour bsolution1 j'ai une image correspondante, et pas pour bsolution2->5 ?

**joel.drigo** · 01/06/2018, 13h51

Au niveau du modèle, tu as une table dont les lignes ont 5 champs d'images et un champ de nom à priori, vu ta requête. Est-ce que les 5 images sont bien censés avoir le même nom ? Parce que si tu ne trouves pas d'image img2 pour un nom alors qu'il y a une img1 pour ce nom, c'est que le champ img2 est vide, sinon, la seule raison que je vois, c'est que le nom n'est pas le même dans la requête, et là, aucune garanti que si tu as un img1 pour "nom1", tu auras un img2 pour "nom2", évidemment.
Sinon, c'est le modèle qui n'est pas bon.

**andry.aime** · 01/06/2018, 15h00

Bonjour,

imageEnBdds est toujours null parce que la méthode affImg retourne toujours null.

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
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
@Override
	public java.sql.Blob affImg(String param) {
 
		Connection connection = ConnexionBDD.getConnection();
		java.sql.Blob blob = null; /* A la base qu'une ligne */ // ICI TU L'INITIALISES AVEC NULL
 
		// Blob image1 = null;
 
		try {
			PreparedStatement ps = (PreparedStatement) connection.prepareStatement(
					"SELECT img1,img2,img3,img4,img5 FROM bsolutionwithimg WHERE bsolutionwithimg.bsolution1 LIKE ? ");
 
			/* Teste avec la même requête que la 1ère méthode */
 
			ps.setString(1, param);
 
			ResultSet rs = ps.executeQuery();
			while (rs.next()) {
				Brackets brackets = new Brackets();
				brackets.setImg1((Blob) rs.getBlob("img1"));
				brackets.setImg2((Blob) rs.getBlob("img2"));
				brackets.setImg3((Blob) rs.getBlob("img3"));
				brackets.setImg4((Blob) rs.getBlob("img5"));
				brackets.setImg5((Blob) rs.getBlob("img5"));
 
			}
		} catch (Exception e) {
			e.printStackTrace();
		}
 
		return blob; ICI TU LE RETOURNES SANS L'AVOIR AFFECTÉE UNE VALEUR
		// return blobGeneral;
 
	}

Ensuite la variable brackets dans ta boucle ne sert à rien. Il faut aussi tester la variable s'il est null ou non avant de l'utiliser.
Mettre des images dans une BD coûte très cher en ressource, upload les dans une répertoire et sauvegarde leur nom dans la base.

A+.

**fredbubu65** · 04/06/2018, 08h47

Envoyé par joel.drigo

Au niveau du modèle, tu as une table dont les lignes ont 5 champs d'images et un champ de nom à priori, vu ta requête. Est-ce que les 5 images sont bien censés avoir le même nom ? Parce que si tu ne trouves pas d'image img2 pour un nom alors qu'il y a une img1 pour ce nom, c'est que le champ img2 est vide, sinon, la seule raison que je vois, c'est que le nom n'est pas le même dans la requête, et là, aucune garanti que si tu as un img1 pour "nom1", tu auras un img2 pour "nom2", évidemment.
Sinon, c'est le modèle qui n'est pas bon.

---> Chaque image a sa propre image et son propre nom. En fait, dans ma JSP dans mon label, je tape justement une référence qui a 4 images avec donc 4 noms associés. Je te mets le modèle que j'ai écris. (Pour moi le modèle communique avec ma JSP concernant mes 4 filtres dans lesquels je tape des choses !? Setters/Getters)

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
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
private String motCleArea;
	private String motClePosition;
	private String motCleElecRoute;
	private String motCleBsolution1;
 
	private String total = motCleArea + motClePosition + motCleElecRoute + motCleBsolution1;
 
	private List<Brackets> brackets = new ArrayList<Brackets>();
 
	// Getters & Setters
 
	public String getMotCleArea() {
		return motCleArea;
	}
 
	public void setMotCleArea(String motCleArea) {
		this.motCleArea = motCleArea;
	}
 
	public List<Brackets> getBrackets() {
		return brackets;
	}
 
	public void setBrackets(List<Brackets> brackets) {
		this.brackets = brackets;
	}
 
	public String getMotClePosition() {
		return motClePosition;
	}
 
	public void setMotClePosition(String motClePosition) {
		this.motClePosition = motClePosition;
	}
 
	public String getMotCleElecRoute() {
		return motCleElecRoute;
	}
 
	public void setMotCleElecRoute(String motCleElecRoute) {
		this.motCleElecRoute = motCleElecRoute;
	}
 
	public String getTotal() {
		return total;
	}
 
	public void setTotal(String total) {
		this.total = total;
	}
 
	public String getMotCleBsolution1() {
		return motCleBsolution1;
	}
 
	public void setMotCleBsolution1(String motCleBsolution1) {
		this.motCleBsolution1 = motCleBsolution1;
	}

**fredbubu65** · 04/06/2018, 10h54

Envoyé par andry.aime

Bonjour,

imageEnBdds est toujours null parce que la méthode affImg retourne toujours null.

Ensuite la variable brackets dans ta boucle ne sert à rien. Il faut aussi tester la variable s'il est null ou non avant de l'utiliser.
Mettre des images dans une BD coûte très cher en ressource, upload les dans une répertoire et sauvegarde leur nom dans la base.

A+.

----> Effectivement tu as raison ! En fait, j'affectte blob dans le try mais apparemment cette solution ne fonctionne pas. En fait, je me suis aperçu aussi que si je mets :
blob = rs.getBlob("img1");
blob = rs.getBlob("img2");
Il n'y a qu'une ligne sur deux qui s'affiche ?!!! Je ne vois pas pourquoi. Si t'a une idée. Est ce que le fait de déclarer "blob = rs.getBlob("img1")" dans le try est pris en compte ? As tu une idée pour afficher les autres images des autres colonnes ?

**fredbubu65** · 04/06/2018, 10h58

Je remet le code de mon DAOImpl et celui de ma servlet pour que les choses redeviennent claire.
DaoImpl :

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
20
21
22
23
24
public java.sql.Blob affImg(String param) {
 
		Connection connection = ConnexionBDD.getConnection();
		java.sql.Blob blob = null; 
 
		try {
			PreparedStatement ps = (PreparedStatement) connection.prepareStatement(
					"SELECT img1,img2,img3,img4,img5 FROM bsolutionwithimg WHERE bsolutionwithimg.bsolution1 LIKE ? ");
 
			ps.setString(1, param);
 
			ResultSet rs = ps.executeQuery();
			while (rs.next()) {
 
				blob = rs.getBlob("img1");
 
			}
		} catch (Exception e) {
			e.printStackTrace();
		}
 
		return blob;
 
	}

Servlet:

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
20
21
22
23
24
25
26
else if (path.equals("/image")) {
 
			String uri = request.getRequestURI();
			int index = uri.lastIndexOf("/");
			String imageName = uri.substring(index + 1, uri.length());
 
			try {
 
				Blob imageEnBdds = metier.affImg(imageName); /* La méthode pr l'affichage des images est de type Blob */
 
				if (imageEnBdds.length() >= 0) { /* Erreur sur cette ligne, il n'aime pas >1 ou >=1 ou >0 */
 
					byte[] imageData = imageEnBdds.getBytes(1, (int) imageEnBdds.length());
 
					response.setContentType("image/png"); /* image/png ----image/ ---> Ne change rien */
					OutputStream o = response.getOutputStream();
					o.write(imageData);
					o.flush();
					o.close();
 
				}
			} catch (SQLException e) {
				// TODO Auto-generated catch block
				e.printStackTrace();
			}
			System.out.println(imageName);

**joel.drigo** · 04/06/2018, 11h01

Envoyé par fredbubu65

---> Chaque image a sa propre image et son propre nom.

Du coup, tu es obligé de faire une requête dont les deux champs sont différents :

"SELECT img1 FROM bsolutionwithimg WHERE bsolutionwithimg.bsolution1 LIKE ? ");.
"SELECT img2 FROM bsolutionwithimg WHERE bsolutionwithimg.bsolution2 LIKE ? ");.
"SELECT img3 FROM bsolutionwithimg WHERE bsolutionwithimg.bsolution3 LIKE ? ");.
soit "SELECT img" + index + " FROM bsolutionwithimg WHERE bsolutionwithimg.bsolution" + index + " LIKE ? ");.

Et ton modèle n'est pas normalisé : pourquoi avoir mis 5 images et 5 noms dans chaque ligne, au lieu d'une image et un nom par ligne (de table en base je veux dire) ? Et si les images sont associés entre elles, tu peux toujours le faire. Et la classe de ton modèle peut regrouper.

Envoyé par fredbubu65

En fait, dans ma JSP dans mon label, je tape justement une référence qui a 4 images avec donc 4 noms associés. Je te mets le modèle que j'ai écris. (Pour moi le modèle communique avec ma JSP concernant mes 4 filtres dans lesquels je tape des choses !? Setters/Getters)

4 ou 5 images ? Et je ne vois que 3 string, laquelle ou lesquelles correspondent au nom de l'image ? Pourquoi une liste de Bracket ? D'après le dernier code que tu montres un Bracket contient 5 images. Ta classe contient une liste de Brackets. Donc une liste de groupe de 5 images ?

Si tu veux passer par ta classe, tu peux toujours récupérer ton image en cherchant l'instance (faire la requête que tu as faite) de cette classe qui correspond au mot cherché et en prendre l'image qui se trouve à l'index voulu dans l'un des Bracket. Selon le lien que tu fais entre ces différentes informations dans ta classe.

**fredbubu65** · 04/06/2018, 11h26

Je comprends pas trop ce que tu veux dire ! Je vais essayer de résumer ce que j'ai fais :
Mon modele : 4 attributs + Getters/Setters ---> Eux prennent en compte ce que l'utilisateur tapera dans les labels
Mon DaoImpl : Implemente ma méthode pour l'affichage des images. Cette méthode est utilisée dans ma servlet.
Ma Servlet : Utilise blob pour l'affichage des images.

En fait, sur 1 ligne dans ma table en BDD, je peux avoir entre 1 et 5 images(avec leurs noms & autre) :

Nom : MaTableEnBDD.png
Affichages : 680
Taille : 96,3 Ko

Nom : MaTableEnBDD.png
Affichages : 680
Taille : 96,3 Ko

**fredbubu65** · 04/06/2018, 12h57

En fait, j'ai essayé dans mon DaoImpl mais ça ne fonctionne 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
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
public java.sql.Blob affImg(String param) {
 
		Connection connection = ConnexionBDD.getConnection();
		java.sql.Blob blob = null; /* A la base qu'une ligne */
 
		List<Blob> listeImg = new ArrayList<Blob>();
 
		/*
		 * J'initialse 'blob' à null, mais je ne recupère rien de la BDD, et je retourne
		 * donc null à la fin !!!
		 */
 
		try {
			PreparedStatement ps = (PreparedStatement) connection.prepareStatement(
					"SELECT * FROM bsolutionwithimg AS b WHERE b.bsolution1 LIKE ?"); /* FONCTIONNE AUSSI */
			// "SELECT img1,img2,img3,img4,img5 FROM bsolutionwithimg AS b WHERE
			// b.bsolution1 LIKE ? ");
 
			ps.setString(1, param);
 
			ResultSet rs = ps.executeQuery();
			while (rs.next()) {
 
				Brackets brack = new Brackets();
				brack.setImg1((Blob) rs.getBlob("img1"));
				brack.setImg2((Blob) rs.getBlob("img2"));
				brack.setImg2((Blob) rs.getBlob("img3"));
				brack.setImg2((Blob) rs.getBlob("img4"));
				brack.setImg2((Blob) rs.getBlob("img5"));
 
				// blob = rs.getBlob("img1");
				Blob img1 = null;
				Blob img2 = null;
				Blob img3 = null;
				Blob img4 = null;
				Blob img5 = null;
 
				listeImg.add(1, img1);
				listeImg.add(2, img2);
				listeImg.add(3, img3);
				listeImg.add(4, img4);
				listeImg.add(5, img5);
 
			}
		} catch (Exception e) {
			e.printStackTrace();
		}
 
		return (java.sql.Blob) listeImg;
		// return listeImg; -> Ne fonctionne pas, je dois retourner un type Blob
	}

**Celira** · 04/06/2018, 13h55

Je vais risquer une remarque d'ordre général : ta structure de base est visiblement bancale.

Ce qu'il te faudrait, c'est une table Image avec une colonne nom et une colonne blob (et éventuellement un id auto-incrémenté), et une table à part qui associe les images ensembles (je suppose qu'il y a quelque chose qui regroupe les images ensembles par ligne). Comme ça, tu pourrais avoir un DAO qui récupère les images à partir de leur nom (ou de leur id) sans t'emmêler les claviers entre les images 1, 2, 3... et si il y a une image n ou pas.

Là, si le nom correspond à bsolution1, il faut récupérer img1 SINON si le nom correspond à bsolution2, il faut récupérer img2 et ainsi de suite.
Donc le plus simple, c'est de faire les 5 requêtes l'une après l'autre, et s'arrêter dès que quelque chose est trouvé.

**fredbubu65** · 04/06/2018, 14h08

La solution que tu me proposes je l'a comprends , mais ca veut dire que je dois faire 5 champs labels dans ma JSP !
Au niveau de mon DaoImpl, je ne fais pas qu'une seule requête mais plusieurs... ok ... pourquoi pas........., mais de façon simple, pourquoi une requête qui demande d'afficher qu'une seule table (là où j'ai des donc les images), n'affiche que la première colonnes de ma table et pas les autres ?

C'est un peu ça que j'ai du mal à comprendre !!!

**Celira** · 04/06/2018, 14h27

Le problème n'est pas sur la colonne affichée mais sur la colonne filtrée.
Ta requête est SELECT * FROM bsolutionwithimg AS b WHERE b.bsolution1 LIKE ?.
Si tu cherches à afficher l'image2, tu dois faire la recherche sur b.bsolution2 et non pas bsolution1.

Imaginons le cas d'un album photo. L'album a 5 pages, on ne peut voir qu'une seule page à la fois. Tu cherches à voir la photo de Pierre, mais tu ne regardes que le nom sur la page 1. Si c'est Pierre, tant mieux. Si ce n'est pas Pierre, ben, tant pis tu t'arrêtes là et tu ne regardes pas les autres pages.
Ce que tu dois faire, c'est regarder page par page le nom qui va avec la photo et récupérer la photo qui se trouve sur la page en question.

**fredbubu65** · 04/06/2018, 14h53

Non en fait, mes images sont sur la même table. Je veux afficher ma table. Cette table possède donc 5 images dans 5 colonnes différentes.
bsolution1 est ma premire colonne, et je filtre sur cette colonnes afin d'afficher les images associées à cette référence.

Je pense que le problème peut venir de cette ligne dans la servlet :

Code :

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

byte[] imageData = imageEnBdds.getBytes(1, (int) imageEnBdds.length());

mais aussi du DaoImpl :

Code :

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

blob = rs.getBlob("img1");

Qu'en penses-tu ?

**andry.aime** · 04/06/2018, 15h43

Pourquoi s'acharner à stocker tes images dans la base?

**Celira** · 04/06/2018, 15h48

Sinon, tu as essayé la solution que t'a proposé joel au début avec une simple gestion du nullpointer avec un if not null :

Envoyé par joel.drigo

Salut,

Dans l'url, tu peux ajouter un paramètre qui permet de sélectionner la "colonne".

Dans le principe, par exemple, là où actuellement tu as <img src=".../image/imagename">, tu pourrais écrire <img src=".../image/imagename/1> pour obtenir l'image de la première colonne et <img src=".../image/imagename/2> pour celle de la deuxième.

Dans la servlet :

Code :

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

1
2
3
4
5
6
7
8
9
10
 
int index = uri.lastIndexOf("/");
String imageIndex = uri.substring(index + 1);
int index2 = uri.lastIndexOf("/",index-1);
 
String imageName = uri.substring(index2 + 1, index);
 
			try {
 
				Blob imageEnBdds = metier.affImg(imageName, imageIndex); /* La méthode pr l'affichage des images est de type Blob */

et enfin

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
 
public java.sql.Blob affImg(String img1, String n) {
 
                String imgCol = "img" + n;
 
		Connection connection = ConnexionBDD.getConnection();
		java.sql.Blob blob = null; /* A la base qu'une ligne */
 
		try {
			PreparedStatement ps = (PreparedStatement) connection.prepareStatement(
					"SELECT " + imgCol + " FROM bsolutionwithimg WHERE bsolutionwithimg.bsolution1 LIKE ? ");
 
			ps.setString(1, img1);
 
			ResultSet rs = ps.executeQuery();
			while (rs.next()) {
				// ORM
				blob = rs.getBlob(imgCol);

Et l'utilisation avec :

Code java :

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
    try {
 
        Blob imageEnBdds = metier.affImg(imageName, imageIndex); /* La méthode pr l'affichage des images est de type Blob */
 
        response.setContentType("image/png");
        OutputStream o = response.getOutputStream();
        if (imageEnBdds != null && imageEnBdds.length() >= 1) {
            byte[] imageData = imageEnBdds.getBytes(1, (int) imageEnBdds.length());           
            o.write(imageData);
 
        }
        o.flush();
        o.close();
    } catch (SQLException e) {
        // TODO Auto-generated catch block
        e.printStackTrace();
    }

**fredbubu65** · 04/06/2018, 15h51

Je suis obligé d'aller lire mes images en BDD car chaque ligne de ma table est différente, et les images sont vraiment différentes aussi d'une colonnes à une autre.
Oui, je viens de retester la méthode de Joel du début mais toujours la même erreur. Y a un truc qui m'échappe mais je ne sais pas quoi !!! pfff

Afficher plusieurs images d'une BDD MySql

Servlets/JSP Java

Discussions similaires

Partager

Partager