Display an Image from JPA entity.

[Eric]

Hello.
I'm trying to figure out how to display Images using the
requestFactory.
I have an entity that represents an Image and I want to have a simple
list of all images.
I'm wondering what data type should I use for holding the image data.
The RequestFactory docs mention that primitives are not allowed
however
if I create an entity like this one:
@Entity
public class Picture {
...

@Lob
@Basic(fetch=javax.persistence.FetchType.LAZY)
private Byte[] data;
...
}

I'm getting runtime exception saying Byte is not a primitive type.

What would be the best way to put JPA entities. requestFactory and
UiBinder together?

[Tobias]

Hello,

I think it would be easiest not to transfer the actual image data with RequestFactory. Just provide the Image-URI within the entities transferred by RequestFactory and have it point to a special servlet that serves the actual images. This way you can also use the AppEngine Bloblstore (if you're running on AppEngine). I'm not sure you can do anything useful with byte[] data on the client anyway, the only way to directly transmit the image using RequestFactory would imho be to convert it to a Base64 string (which you use as a CSS background-image to display it).

Regards,

Tobias

[Matthew Hill]

You could either store the URL of the uploaded image or store the base-64 encoded data of the image in your database.

[Eric]

Thank you
I tried the URL approach, it works great in development mode but when
deployed on tomcat the location of the uploaded file is changed for
some reason. it puts everything in tomcat's bin(DUH!).
I'll try the base64 way.
I'm using uibinder image this way:
@UiField Image

Image has only setters for path And I cannot counstruct ImageResource
from raw data.
How can I set the image data from the base64 field of my entity?

[Eric]

Unfortunately,the following code produces a broken image in the
browser.
imagePath.setUrl("data:image/png;base64,"+proxy.getImageData());

I can't figure out what is wrong with this since nothing, including
chrome developer tools, shows any error message.


RequestURL:data:image/
png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABmJLR0QAAAAAAAD5Q7t_AAAACXBIWXMAAABIAAAASABGyWs
$AAADwklEQVRIx7WV328UVRTHP_fOdJfdUqGwC_5AfrRUKD_Ci0QttuKTRl40REmIwZAYY3jQBF
$MmiBRH1gebHz1L2g2GOKDEZGoQdKA1Aj$wAekUKm0u8R2Jd3p7J17jg
$dAqWYUMWTnMzMvWe$33u$58wc$J_N3C2g53dsfx30HTBBuvRNue_Qc
$FdPOx7$_a92wIgIvT29j4LcDcJWgD279$faqOnrhN09aAmoP6voeXWZ7uwXC7XZmSwc1d3XiS5Y0zV1AUwlhPHbuxNg88gCEIYHv7uzg4sU
$Ai0wQhsO36_s4Xd0w4l$TLfYfMjBoMni9w7uyDiNy$uYyBle1VVq35gyNn99KSu0pX
$8ez4vbufSN_4MCBmRkAnD_3AI9tfpimMLgtgReh__QAhWURzjUz5rN4sdhb4kqlUgxkZxEk3pLNNjE6OprqrDNeXLx4MQZDLlPlqY0nKc5vJxO8hTGWBeuEi4ODGGMIbeY
$55ybRQDgvZAkty_29Pq84HFeeuF92tpWkyQOEaFSGeXbE8cpFotUKpU_07Rm1iCwims4WlsXoSqoTrWLoqgqSeJREfLZ9RSKS7gw
$BtfHjuKiGfF8hV0dW3h4qWL7N69m4MHD_pZGSxvq_D9j2cJghtFvlmmKIppbh4j17SUMLB8fuQzzvz6Aagi8jZP9DxJLpejVCpFqpqbRdDROcTyVVdwzqICkva5KExcUzoKytaHhNNXlVptHGSSV7dcA6C_GlOrjdEUePY8c6iuqq
$U
$9KfXVcPuuvlbv6aHMAnSrUSUSzm8QKVkTrFJXmqI8r2NTGPbCsx8LPl1JlJNmwM6dgEkSb88oMw
$BMsXZ9QXF0jf7w36tml
$TDt78QnhGs7CyROGL1ymc4NBZwTRobrrNtY4Pf5DQJGyCx4mq7u
$3m026CphIKyaivoVsWrpxpfYFg
$vCGRMSSJJ1zd0Uoce74$dpmONa3Ek56vvrjM2s5WDHUYGkEn
$vDxGcalQc3HjEuDcR8z7hvUZOq6KLeZjlT26zVQoLg0z
$SkRwSW3Hx_b56rVYUh5mzhNLoIhGwgY4UVy6a
$ZGtD2ld2AwnWBnNHnyYQZd7hvn5_uNzvpzc$_UQQLwaFw2WIIsxHe$Y
$P0KAeIJmm0uyjQbWOWyjQZAk2CQhEME6R6bRIK_GnoyjejYzbxNN6sh5h1eHFUfGJzSr4x5x
$ChCrIlApwgGBqjDPw6cAMgBuUvDvGmO9u5D_cJbgyxTI60FcMaMefQ1mPvQD4Gm1IPUAXzqLvU7n1z_1f4GWK3Nq3bFgzYAAAAASUVORK5CYII=
Request Headers
Referer:http://127.0.1.1:8888/ApplicationScaffold.html?
gwt.codesvr=127.0.1.1:9997
User-Agent:Mozilla/5.0 (X11; U; Linux x86_64; en-US) AppleWebKit/
534.10 (KHTML, like Gecko) Ubuntu/10.10 Chromium/8.0.552.224 Chrome/
8.0.552.224 Safari/534.10