Afficher un Tif dans un navigateur

L’autre jour j’ai eu la problématique suivante : comment afficher un Tif dans un navigateur web ?

Le problème est que les navigateurs respectent (en tout cas essayent) les normes du W3C et donc ne savent afficher que les Jpeg, les Gif et les Png (et encore, IE a du mal). Voici une solution :

L’idée est de lire un fichier Tif, le convertir en autre chose de lisible par le navigateur et enfin d’écrire cet autre chose dans le stream de réponse du serveur. Evidement, la solution que je propose est en Java.

Je me suis inspiré de ce TechTip (comment ça, encore?).

Etape 1 : JSP

On commence par la jsp d’appel :

[codesyntax lang="html4strict"]
<a href="/servlet/tiffServlet?url=<%= tifEncodedUrl %>" >toto.tif</a>
[/codesyntax]

Etape 2: les imports

Je n’ai mis que les plus importants

[codesyntax lang="java"]import java.awt.Canvas;
import java.awt.Color;
import java.awt.Graphics2D;
import java.awt.Image;
import java.awt.image.BufferedImage;
import java.io.IOException;
import java.io.InputStream;
import java.net.URL;
import java.net.URLConnection;
import javax.imageio.ImageIO;
import javax.servlet.ServletException;
import javax.servlet.ServletOutputStream;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;[/codesyntax]

Etape 3 : lire un fichier Tif

Pour ce faire, je me suis appuyer sur la librairie Tiff de Lizzard Works.

[codesyntax lang="java"]// hop, on récupère le paramètre depuis la jsp
final String urlPath = request.getParameter("url");
// on vérifie qu'il y a bien quelque chose dedans
if (urlPath != null && StringUtils.isNotEmpty(urlPath)) {
	// Attention on est côté serveur, donc, pas de librairie
	//   graphique native de disponible!
	System.setProperty("java.awt.headless", "true");

	final Tiff tiff = new Tiff();
	final URL url = new URL(urlPath);
	final URLConnection connection = url.openConnection();
	connection.connect();
	// Une fois qu'on a la connexion vers la ressource distante,
	// on branche le tuyau sur l'objet Tif.
	final InputStream imgIn = connection.getInputStream();
	tiff.readInputStream(imgIn);[/codesyntax]

Ici, j’ai choisi d’aller chercher un Tif distant. Rien n'empèche de récupérer un stream sur un resource locale.

Etape 4 : Convertir le fichier Tif en Png

C’est là que réside l’astuce. Même si on est en environnement Servlet, on a accès aux bibliothèques Swing et Awt de la JVM 😉

[codesyntax lang="java"]	// Objet Image d'awt
	Image img = tiff.getImage(tiff.getPageCount() - 1);

	// Canevas servant d'ImageObserver
	final Canvas iob = new Canvas();

	// On "dessine" l'image dans l'ImageObserver
	g2.drawImage(img, 0, 0, img.getWidth(iob), img.getHeight(iob),
			Color.white, iob);

	// On récupère l'image et on la crée.
	BufferedImage bi = new BufferedImage(img.getWidth(iob), 
					img.getHeight(iob),
					BufferedImage.TYPE_INT_RGB);
	Graphics2D g2 = bi.createGraphics();
	try {
		// On récupère le tuyau de sortie
		ServletOutputStream out = response.getOutputStream();

		// On anonce la couleur au navigateur
		response.setContentType("image/png");

		// Et hop, on envoie la sauce, notre objet Image est converti en png
		ImageIO.write(bi, "png", out);

		out.flush();
		out.close();
	} catch (final IOException ex) {
		ex.printStackTrace();
	}
} // parenthèse du if de la ligne4 de l'étape 3[/codesyntax]

Etape 5 : tout le monde est content

Rien n'empèche d’ajouter du LightBox dans la jsp, en tout cas, on va chercher un Tif et le navigateur affiche un Png. Magique non?

Voici mes sources :

• TechTip
• Lizzard Works