GWT - Bild aus der Datenbank

Question

Ich arbeite gerade an einer GWT-basierten Website. Jetzt bin ich fest, wie ich Bilder in einer Datenbank auf meiner Website anzeigen sollte.

Grundsätzlich habe ich ein Bytearray in meiner Datenbank, die ich mit Hibernate abrufen. Jetzt soll ich wahrscheinlich einen ... Tag aus diesen Daten erstellen, aber ich weiß nicht, wie

ich GWT in Java bin mit und Hibernate

Answer 1

Hier ist die Lösung. Zuerst sollten Sie das Byte-Array mithilfe von com.google.gwt.user.server.Base64Utils.toBase64 (byte []) codieren. Aber diese Methode funktioniert nicht für IE 7. und IE8 hat 32kb Grenze .. IE9 hat dieses Limit nicht.

hier ist die Methode auf dem Server

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

Hier wird die Client-Methode ist;

Answer 2

Es gibt Image Widget in GWT. Sie können es nicht clientseitig tun, aber Sie können RPC anrufen, um mit dem Server zu kommunizieren. Dann ist es eine einfache CRUD-Anwendung. In Server-Datenbank mit Hibernate verbinden und das Bild an den Client zurückgeben oder es ist url und auf der Client-Seite tut etwas wie die:

@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()); 
} 

Das ist alles. Happy coding

Answer 3

Ich weiß nicht, wie GWT funktioniert, obwohl Sie einen Servlet/Controller zuordnen können, der ResourceStream zurückgibt. Zum Beispiel, wenn Sie ein Servlet „Imageviewer“ Karte, die imageId param nimmt würde, fordern zu Bild würde Bezug auf den Blob haben

/imageViewer?imageId=1234 

Hibernate Objekt geworden, so dass Sie, dass zurückkehren können. Referenz auf UI würde

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

-Update sein: Sie können nicht in der Lage sein Modell zu verwenden, wie es Bild zurückzukehren, würden Sie einen expliziten Controller oder Servlet benötigen, die Stream-Daten zurückgibt.
In Servlet würden Sie so etwas wie

// 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

ich den gleichen Ansatz tun, die als Gürsel Koca vorgeschlagen, aber nur den Apache Base64-Bibliothek, nicht (ironischerweise) die GWT Base64Utils

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

arbeiten konnte

beachten Sie auch, dass, wenn Sie ein vorhandenes Bild oder ein Bild Platzhalter aktualisieren, wird die setURL Methode Ihr Stylesheet überschreiben, so stellen Sie sicher, dass die erste greifen:

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