GWT - imagen de la base de datos

Question

Estoy trabajando en un sitio web basado en GWT. Ahora estoy atascado sobre cómo debo mostrar las imágenes almacenadas en una base de datos en mi sitio web.

Básicamente tengo un bytearray en mi base de datos, que obtengo usando hibernate. Ahora debe probablemente crear una etiqueta ... de que los datos, pero no saben cómo

estoy usando GWT en Java y Hibernate

Answer 1

Aquí está la solución. Primero, debe codificar la matriz de bytes utilizando com.google.gwt.user.server.Base64Utils.toBase64 (byte []). Pero este método no funciona para IE 7. e IE8 tiene un límite de 32kb. IE9 no tiene este límite.

aquí es el método en el servidor

public String getImageData(){ 
     String base64 = Base64Utils.toBase64(imageByteArray); 
     base64 = "data:image/png;base64,"+base64; 
     return base64; 
} 

Aquí es el método de cliente;

@Override 
public void onSuccess(String imageData) {  
    Image image = new Image(imageData);  
    RootPanel.get("image").add(image); 
} 

Answer 2

Hay Image Widget en GWT. No puede hacerlo desde el lado del cliente, pero puede llamar al RPC para comunicarse con el servidor. Entonces es simple aplicación CRUD. En el servidor se conecta a la base de datos con Hibernate y devolver la imagen al cliente o su URL y en el lado del cliente hacer algo así:

@Override 
public void onSuccess(String imageUrl) { 
    Image image = new Image(imageUrl); 
    RootPanel.get("image").add(image); 
} 

@Override 
public void onFailure(Throwable caught) { 
    Window.alert(caught.getMessage()); 
} 

eso es todo. Happy coding

Answer 3

no sé cómo funciona GWT, aunque puede asignar un servlet/controlador que devuelve resourceStream. Por ejemplo si asigna un "IMAGEVIEWER" servlet que toma parámetro ImageID, solicitud a la imagen que se convertiría en

/imageViewer?imageId=1234 

objeto de hibernación tendría referencia a la mancha, por lo que puede volver. de referencia en la interfaz de usuario sería

<img src="/imageViewer?imageId=1234"/> 

Actualización: Puede no ser capaz de utilizar el modelo, ya que es devolver la imagen, se necesitaría un controlador explícito o servlet que devuelve datos de la secuencia.
En servlet que haría algo como

// get reference to input stream 
InputStream in = hibnerateObject.getImage(); 
// set MIME type etc 
response.setContentType(mimeType); 
OutputStream out = response.getOutputStream(); 
while ((len = in.read(buf)) >= 0) 
out.write(buf, 0, len); 
in.close(); 
out.close(); 

Answer 4

He utilizado el mismo enfoque que sugiere Gursel Koca, pero sólo se podía conseguir que funcione utilizando la biblioteca Apache base 64, no (irónicamente) los Base64Utils GWT

String base64 = Base64.encodeBase64String(array); 
base64 = "data:image/"+type+";base64," + base64; 
return base64; 

también tenga en cuenta que si va a actualizar una imagen existente o un marcador de posición de imagen, el método setURL se sobreponen a su hoja de estilo, así que asegúrese de que agarrar primero:

String styleName = profilePicture.getStyleName(); 
profilePicture.setUrl(base64String); 
profilePicture.setStyleName(styleName);