Vaadin 如何检测图像何时已完全加载?

Vaadin 如何检测图像何时已完全加载?,vaadin,vaadin7,Vaadin,Vaadin7,我有一个垂直布局,并在其中添加了一个图像组件。有时,当我们的连接不好时,我注意到这张图片加载得很慢。所以,我有一个想法,以显示这个图像后,完全加载,我想显示一些加载gif的同时加载 由于我使用的是GWT,因此我在这种情况下使用如下 fullSizeImage.addLoadHandler(new LoadHandler() { public void onLoad(final LoadEvent event) { loadingImage.setVisib

我有一个垂直布局,并在其中添加了一个图像组件。有时,当我们的连接不好时,我注意到这张图片加载得很慢。所以,我有一个想法,以显示这个图像后,完全加载,我想显示一些加载gif的同时加载

由于我使用的是GWT,因此我在这种情况下使用如下

fullSizeImage.addLoadHandler(new LoadHandler() {
        public void onLoad(final LoadEvent event) {
            loadingImage.setVisible(false);
        }
});

上面的代码片段将在实际图像加载时显示正在加载的gif图像,并在acutal图像完全加载时隐藏。如何在Vaadin中找到它?

Vaadin位于服务器端,其组件实际上没有所有可能的GWT方法。因此,创建图像组件时,它会附着到父垂直布局。然后,通过客户端的服务器请求加载映像

我认为没有办法创建一个定制的Vaadin小部件——或者扩展现有的功能——来实现上面的GWT代码。请注意,加载的gif应由客户端预取和缓存,以便在连接组件时立即显示。

您可以尝试使用组件。它提供了一些有助于监控上传过程(开始/进度/完成)的功能

是如何使用
Upload.Receiver
Upload.StartedListener
Upload.succeedeListener
接口的官方示例(请仔细查看
ImageReceiver
类)

我希望有帮助