Cómo recuperar imágenes en GWT?

Question

He probado el siguiente código:

RootPanel root = RootPanel.get("root"); 
root.clear(); 
final FlowPanel p = new FlowPanel(); 
root.add(p); 
for (int i=0; i<20; ++i) { 
    String url = "/thumb/"+i; 
    final Image img = new Image(url); 
    img.addLoadHandler(new LoadHandler() { 
     @Override 
     public void onLoad(LoadEvent event) { 
     p.add(img); 
    } 
}); 
Image.prefetch(url); 

Pero esto no funciona para mí. ¿Me perdí algo?

Answer 1

Lo que Stan dijo tiene sentido.

Creo que el problema es que no se llama al LoadHandler por algún motivo. Siempre lo he gestionado sin LoadHandler, pero generalmente agrego un errorHandler según la demo de JavaDoc que se activa si falla la carga. Esto debería funcionar:

final Image img = new Image(); 

img.addErrorHandler(new ErrorHandler() { 
     public void onError(ErrorEvent event) { 
     // Handle the error 
     } 
    }); 

img.setUrl(url); 
p.add(img); 

véase el ejemplo en el Javadoc GWT: manipulador de carga http://google-web-toolkit.googlecode.com/svn/javadoc/2.1/com/google/gwt/user/client/ui/Image.html

Answer 2

imagen se llama sólo en el caso, cuando la imagen se adjunta a la DOM. Así que hay que añadir una imagen a la DOM fuera del loadHandler:

p.add(img); 
img.addLoadHandler(new LoadHandler() { 
    @Override 
    public void onLoad(LoadEvent event) { 
     //do some stuff, image is loaded 
    } 
} 

Answer 3

ImageElement img = DOM.createImg().cast(); 
img.setSrc("images/myImage.png");