affichage d'une image dans un site web avec jsp servlet and jstl

**ghazalinadou** · 14/12/2017, 19h47

Bonjour;
Je suis débutante en java ee , je suis en train de développer un site web e commerce , je ressuie a faire des choses , gérer les articles mais reste un probleme c'est affichage des images des produits que j'arrive pas a faire .
Quelqu'un peut m'aider svp , voila mes code concernant les articles

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
 
<%@ taglib uri = "http://java.sun.com/jsp/jstl/core" prefix = "c" %>
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
</head>
<body>
	<%@include file="header.jsp"%>
 
	<div class="span9">
	<c:if test="${categoryId != null && categoryId != 0}">
		<c:if test="${msg != null && msg != ''}">  <h3 align="center" style="color:red"> ${msg} </h3> </c:if>
		<h1> Products </h1>
			<c:forEach items="${articles}" var="art" >
				<form action="ArticleServlet" method="post">
					<div class="span4">
					<div class="well">
						<h5>${art.nameArticle}</h5><br/>
						<c:out value="${art.description}"></c:out>
						<c:out value="${art.price}"></c:out>
						<c:out value="${art.photo}"></c:out>
						<label class="control-label" for="quantity">Quantity</label>
						<input type="text" name="quantity" required />
						<input type="hidden" name="articleId" value="${art.idArticle}" />
						<input type="hidden" name="nameArticle" value="${art.nameArticle}" /> 
						<input type="hidden" name="description" value="${art.description}" /> 
						<input type="hidden" name="price" value="${art.price}" />
						<input type="hidden" name="category" value="${categoryId}" />
						<input type="hidden" name="action" value="add" />
						<div class="controls">
							<button type="submit" class="btn block" ">Order</button>
						</div>
					</div>
				</div>
				</form>
			</c:forEach>
	</c:if>		
	</div>
	<%@include file="left-menu.jsp"%>
</body>
</html>

servlet article:

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
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
 
 
package Controleur;
 
import java.io.IOException;
import java.util.ArrayList;
import java.util.List;
 
import javax.servlet.RequestDispatcher;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.http.HttpSession;
 
import dbManager.DatabaseManager;
import entities.Article;
import entities.Category;
 
/**
 * Servlet implementation class ArticleServlet
 */
@WebServlet("/ArticleServlet")
public class ArticleServlet extends HttpServlet {
	private static final long serialVersionUID = 1L;
 
	/**
         * @see HttpServlet#service(HttpServletRequest request, HttpServletResponse response)
         */
	protected void service(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
 
		HttpSession session = request.getSession();
		String action = request.getParameter("action");
		String id = request.getParameter("category");
		String forward = "show-article.jsp";
		List<Article> articles  = new ArrayList<Article>();
		List<Category> categories  = new ArrayList<Category>();
		int totalItems = 0;
		int totalPrice = 0;
		/*if(action.equals("list"))
		{*/
		if(id != null)
		{
			articles = DatabaseManager.getAllArticles(Integer.parseInt(id));
		}
		categories = DatabaseManager.getAllCategories();
		request.setAttribute("category", categories);
		request.setAttribute("articles", articles);
		request.setAttribute("categoryId", id);
		/*}
		else */if(action != null && action.equals("add"))
		{
			String articleId = request.getParameter("articleId");
			String nameArticle = request.getParameter("nameArticle");
			String description = request.getParameter("description");
			String price = request.getParameter("price");
			String quantity = request.getParameter("quantity");
 
			session.setAttribute("name"+articleId, nameArticle);
			session.setAttribute("description"+articleId, description);
			session.setAttribute("price"+articleId, price);
			session.setAttribute("quantity"+articleId, quantity);
 
			if(session.getAttribute("totalItems") == null)
			{
				session.setAttribute("totalItems", ++totalItems);
			}
			else
			{
				totalItems = Integer.parseInt(session.getAttribute("totalItems").toString());
				++totalItems;
				session.setAttribute("totalItems", totalItems);
 
			}
 
			if(session.getAttribute("totalPrice") == null)
			{
				session.setAttribute("totalPrice",""+(Integer.parseInt(price)*Integer.parseInt(quantity)));
			}
			else
			{
				totalPrice = Integer.parseInt(session.getAttribute("totalPrice").toString());
				totalPrice = Integer.parseInt(price)*Integer.parseInt(quantity)+totalPrice;
				session.setAttribute("totalPrice", totalPrice);
			}
 
			request.setAttribute("msg", nameArticle+" Added to Cart");
 
		}
		else if(action != null && action.equals("list"))
		{
			List<Article> cartList = new ArrayList<Article>();
			for(int i=0; i<articles.size(); i++)
			{
				Article article = articles.get(i);
				if(session.getAttribute("name"+article.getIdArticle()) != null)
				{
					article.setQuantity(Integer.parseInt(session.getAttribute("quantity"+article.getIdArticle()).toString()));
					cartList.add(article);
				}
			}
			request.setAttribute("cartList", cartList);
			forward="cart-list.jsp";
		}
		else if( action != null && action.equals("cancel"))
		{
			session.invalidate();
			session.setMaxInactiveInterval(-1);
		}
 
 
		RequestDispatcher view = request.getRequestDispatcher(forward);
        view.forward(request, response);
	}
 
}

**Mr.Robot12** · 15/12/2017, 09h06

essaie de le mettre dans une balise img et retente
je pense que ça devrait aller ça :

Code HTML :

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

1
2
 
<img src="${art.photo}"/>

**ghazalinadou** · 15/12/2017, 14h53

Et les images je le stock ou ??

**Mr.Robot12** · 15/12/2017, 15h00

Envoyé par ghazalinadou

Et les images je le stock ou ??

essaie un truc tout con : dans la classe Article pour l'attribut photo tu mets le lien vers la photo
ou si non tu les sauvegarde dans ta BDD comme pour tes articles

**ghazalinadou** · 15/12/2017, 15h12

Je essayer avec lien mais ca fonctionne pas , pour la base de données j'ai créer table articles mais avec colonne photo mais j'arrive pas a le stocker les images

**Mr.Robot12** · 15/12/2017, 15h25

Envoyé par ghazalinadou

Je essayer avec lien mais ca fonctionne pas , pour la base de données j'ai créer table articles mais avec colonne photo mais j'arrive pas a le stocker les images

2 solutions :
-tu enregistre le lien vers l'image de l'article dans la table.
-tu enregistre l'image dans la table

**ghazalinadou** · 15/12/2017, 15h48

J'ai mets ça marche pas il affiche le lien tant que text sinon comment je puisse energister une photo dans une base de données directement , j'ai créer tables avec phpmyadmin

**Mr.Robot12** · 15/12/2017, 16h00

ta colonne doit être du type blob

**ghazalinadou** · 15/12/2017, 16h19

Je changer en type blob puis que je dois faire ?

**Mr.Robot12** · 15/12/2017, 16h25

ta BDD c'est du MySQL ?

**ghazalinadou** · 15/12/2017, 16h26

Avec phpmyadmin

**Mr.Robot12** · 15/12/2017, 16h29

ta base est alimenté en dur ou dynamiquement ?

**ghazalinadou** · 15/12/2017, 16h32

j'ai pas compris çàd quoi?

**Mr.Robot12** · 15/12/2017, 16h53

Je veux dire les données de la BDD tu les a mis toi même avec des insert ou c'est à travers un programme

**ghazalinadou** · 15/12/2017, 16h55

Les deux voila mon prgramme sql : j'ai changé photo en type blob

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
 
 
CREATE TABLE `article` (
  `idArticle` int(20) NOT NULL AUTO_INCREMENT,
  `NameArticle` varchar(255) DEFAULT NULL,
  `description` varchar(255) DEFAULT NULL,
  `price` text,
  `photo` text,
  `stock` int(255) DEFAULT NULL,
  `idCategory` int(25) DEFAULT NULL,
  PRIMARY KEY (`idArticle`),
  KEY `category_ibfk_1` (`idCategory`),
  CONSTRAINT `category_ibfk_1` FOREIGN KEY (`idCategory`) REFERENCES `category` (`idCategory`) ON DELETE CASCADE ON UPDATE CASCADE
) ENGINE=InnoDB AUTO_INCREMENT=4 DEFAULT CHARSET=latin1;
 
/*Data for the table `article` */
 
insert  into `article`(`idArticle`,`NameArticle`,`description`,`price`,`photo`,`stock`,`idCategory`) values (1,'Samsung J2','This is good Mobile','15000',NULL,NULL,1),(2,'Samsung J5','This is good Mobile','15000',NULL,NULL,1),(3,'Samsung J7','This is good Mobile','15000',NULL,NULL,1);

**ghazalinadou** · 15/12/2017, 17h10

j'ai insert l'image dans base mais toujours il est invisible sur page web il sors ; img.png avec name , description etc

**Mr.Robot12** · 15/12/2017, 20h14

Envoyé par ghazalinadou

Les deux voila mon prgramme sql : j'ai changé photo en type blob

d'après ce que je vois photo est toujours du type texte.
tu peux montrer à quoi ressemble ta table Article ?
je parle de la structure càd des exemples de données si possible