如何在 GWT 中预取图像？

Question

我尝试了以下代码：

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);

但它对我不起作用。我错过了什么吗？

Answer 1

仅在图像附加到 DOM 的情况下才会调用图像加载处理程序。所以你必须在 loadHandler 之外将图像添加到 DOM：

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

Answer 2

斯坦说的有道理。

我认为问题是由于某种原因没有调用 LoadHandler。我一直在没有 LoadHandler 的情况下进行管理，但我通常根据 JavaDoc 演示添加一个 errorHandler，如果加载失败，则会触发该错误处理程序。这应该有效：

final Image img = new Image();

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

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

请参阅 GWT Javadoc 中的示例：http://google-web-toolkit.googlecode.com/svn/javadoc/2.1/com/google/gwt/user/client/ui/Image.html

Answer 3

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