[Struts 1] : afficher une image dans une jsp depuis un lecteur externe

Version imprimable

27/10/2023, 16h46
langar1250

[Struts 1] : afficher une image dans une jsp depuis un lecteur externe

Bonjour,

Une petite question pour un petit problème que je n'arrive pas à résoudre :
J'affiche une image dans une jsp ainsi, elle est dans le répertoire src/main/webApp/monRepertoire/images

Code:

<html:img style="border:0px;" src="/monRepertoire/images/monImage.gif" />

Sauf que maintenant, pour les besoin du projet, je dois la placer hors du projet sur le lecteur E ou un autre lecteur, donc la récupérer depuis le chemin absolue, par exemple :

Code:

<html:img style="border:0px;" src="file:///E:/monImage.gif" />

Mais l'image ne s'affiche pas !
j'ai bien cherché sur le net, j'ai essayé par exemple avec la syntaxe file:///....

D'avance merci pour votre aide
27/10/2023, 18h44
OButterlin
Il n'est pas envisageable d'utiliser le scheme file:// pour ça.
Il faut passer par une servlet (appelée par exemple servletImage) en lui passant un identifiant d'image (relatif au répertoire des images par exemple) et elle s'occupera de renvoyer le flux d'octets en retour via response.getOutputStream().
Dans la page, on aura
Code:

1 2 ... <img src="/application/servletImage?name=/repertoire/nomImage.png" .../>
Ta servlet va récupérer la racine des images (le répertoire externe au serveur d'application) via une variable d'environnement ou un paramètre lié au conteneur de servlet, ajoutera la valeur du paramètre "name" (via request.getParameter("name")).
Ensuite, tu n'as plus qu'à utiliser un FileInputStream pour lire le contenu de ton image et renvoyer le flux vers response.getOutputStream().
Il faut préciser le contentType de la réponse, généralement on fait response.setContentType("image/png") <- là pour une image png, il faudra adapter en fonction du type d'image.

Merci pour votre réponse.

J'essaie avec ce que vous m'avez dit et ce que j'ai pu trouvé sur le net.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 
public void getImage(HttpServletRequest request, HttpServletResponse response) throws IOException {
 
	String imagePath = "E:\\img";
 
	String requestedImage = request.getPathInfo();
 
	File image = new File(imagePath, URLDecoder.decode(requestedImage, "UTF-8"));
 
	String contentType = request.getServletContext().getMimeType(image.getName());
 
	response.reset();
	response.setContentType(contentType);
	response.setHeader("Content-Length", String.valueOf(image.length()));
 
	Files.copy(image.toPath(), response.getOutputStream());
}

Sauf que request.getPathInfo() est null !

Ci-dessous des éléments de réponse :

Classe utilitaire pour obtenir le content-type à partir d'un tableau de bytes

Code:

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
import java.io.BufferedInputStream;
import java.io.ByteArrayInputStream;
import java.io.InputStream;
import java.net.URLConnection;
 
public class ContentTypeUtils
{
 
    /**
     * <h1>Recherche du content-type en fonction du contenu de l'image</h1>
     * @param imageBytes
     * @return Le content-type ou null
     * @author Olivier BUTTERLIN
     */
    public static String getContentType(byte[] imageBytes)
    {
        try
        {
            InputStream is = new BufferedInputStream(new ByteArrayInputStream(imageBytes));
            String mimeType = URLConnection.guessContentTypeFromStream(is);
            return mimeType;
        }
        catch (Exception e)
        {
            e.printStackTrace();
            return null;
        }
    }
}

Pour lire l'image, il faut juste faire quelque chose comme ceci :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
public static void main(String[] args)
{
    String directoryPath = "d:/Temp/";
    String imagePath = "Jakarta_EE_logo.png";
    try
    ( FileInputStream is = new FileInputStream(directoryPath +  imagePath);)
    {
        byte[] bytes = is.readAllBytes();
        System.out.println("Taille de l'image : " + bytes.length + " octets");
    }
    catch (Exception e)
    {
        e.printStackTrace();
    }
}

Encore merci !

Avec les éléments que vous m'avez donné, j'ai essayé ceci :
Code:

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 public ActionForward init(ActionMapping pMapping, ActionForm form, HttpServletRequest request, HttpServletResponse response) throws Exception { DynaValidatorForm dynaForm = (DynaValidatorForm) form; getImage(request, response); // .. dynaForm.set("name", getName()); return pMapping.findForward("init"); } private void getImage(HttpServletRequest request, HttpServletResponse response) throws IOException { String imagePath = "E:\\img\\"; String requestedImage = "monImage.gif"; File image = new File(imagePath, URLDecoder.decode(requestedImage, "UTF-8")); if(!image.exists()){ response.sendError(HttpServletResponse.SC_NOT_FOUND); return; } String contentType = request.getServletContext().getMimeType(image.getName()); response.reset(); response.setContentType(contentType); response.setHeader("Content-Length", String.valueOf(image.length())); Files.copy(image.toPath(), response.getOutputStream()); }
à la fin, j'ai mon image qui s'affiche !
Mais elle prend toute la page ! aucun autre composant ne s'affiche !
J'ai même vidé la jsp de tout code, l'image s'affiche quand même et prend toute la page !

Si je fais pas appel à la méthode getImage(), ma jsp s'affiche normalement avec tous ses composants.

Je pense qu'avec cette solution, il manque pas grand chose pour que tout fonctionne bien : la jsp avec ses composant et l'image dedans.

30/10/2023, 18h24
OButterlin

J'imagine que tu as juste une balise <img src="..."/> dans ta page, du coup, comme aucune taille n'est spécifiée, la page rendra l'image à sa taille source.
Il faudrait mettre une taille dans la balise <img/> avec l'attribut style.
Exemple :

Code:

<img src="..." style="max-width: 200px; max-height: 200px"/>

En utilisant max-width et max-height, on gardera la proportion de l'image source
30/10/2023, 18h41
langar1250
Citation:

Envoyé par OButterlin

J'imagine que tu as juste une balise <img src="..."/> dans ta page, du coup, comme aucune taille n'est spécifiée, la page rendra l'image à sa taille source.
Il faudrait mettre une taille dans la balise <img/> avec l'attribut style.
Exemple :

Code:

<img src="..." style="max-width: 200px; max-height: 200px"/>

En utilisant max-width et max-height, on gardera la proportion de l'image source

Ce n'est pas le dimensionnement de l'image. Même avec une jsp complètement vide avec zéro code, l'image s'affiche et prend toute la page !

Je pense qu'ici :
Code:

1 2 3 response.reset(); response.setContentType(contentType); response.setHeader("Content-Length", String.valueOf(image.length()));
Le reset(), vide "response" et dans outputStream envoyé à la jsp on ne trouve que l'image. Peut être qu'il faut trouver un moyen pour ajouter (append) le flux de l'image sans faire le reset().
30/10/2023, 20h45
OButterlin

C'est clair que le reset() n'a pas sa place.
Ceci dit, ce n'est pas logique d'utiliser une action struts pour récupérer une image, il faut passer par une servlet comme je te le suggérais plus haut.

Tu peux montrer le code de ta page et accessoirement une image écran du résultat, je ne comprends pas ce que tu veux dire avec "l'image s'affiche et prend toute la page !"

1 pièce(s) jointe(s)

Voici maintenant dans une classe :

Code:

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
 
@WebServlet("/image/*")
public class ImageWriter extends HttpServlet {
    private static final long serialVersionUID = 1L;
    String imagePath = "E:\\img\\";
    String requestedImage = "monImage.gif";
 
    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        doPost(request,response);
    }
 
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
 
        ServletContext sc = request.getServletContext();
 
        File image = new File(imagePath, URLDecoder.decode(requestedImage, "UTF-8"));
 
        if(!image.exists()){
            response.sendError(HttpServletResponse.SC_NOT_FOUND);
            return;
        }
 
        request.setAttribute("imageFileName", image.getName());
 
        String contentType = sc.getMimeType(image.getName());
        response.reset();
        response.setContentType(contentType);
        response.setHeader("Content-Length", String.valueOf(image.length()));
        Files.copy(image.toPath(), response.getOutputStream());
 
    }
 
}

L'action struts :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
 
public ActionForward init(ActionMapping pMapping, ActionForm form, HttpServletRequest request, HttpServletResponse response)
            throws Exception {
 
	DynaValidatorForm dynaForm = (DynaValidatorForm) form;
 
	ImageWriter imageWriter = new ImageWriter();
	imageWriter.doGet(request, response);
 
	....
	dynaForm.set("link", url);
	return pMapping.findForward("init");
}

la jsp :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
<bean:define id="imageFileName" name="imageFileName" />
 
<html:form action="/myAction.do"  method="post">
 
	<table>
		<tr>
			....
		</tr>
 
		<tr>
			<td>				
				<html:img alt="${imageFilename}" src="${pageContext.request.contextPath}/image/${imageFilename}" />				
			</td>
		</tr>
	</table>
 
</html:form>

Le rendu (le même, même si la jsp est complètement vide) :
Pièce jointe 645937