缩略图无法在 Chrome 的 Vaadin Grid 中正确呈现

Question

我正在使用最新版本的 Vaadin 8.1.4。代码很简单，由三列组成，其中一列是图像组件。 When that row is selected the Image component changes the image to another row's image for the grid.最终经过多次选择和取消选择（取消选择时图像也会发生变化），图像最终会固定在图像上。

public StreamResource getImageForGrid()
{
    StreamResource streamResource = new StreamResource(
        () -> {
            System.out.print("Line is not output sometimes when rendering grid");
            return new ByteArrayInputStream(getConvertedThumbnailImage());
        }, name + ".jpg");
    streamResource.setCacheTime(0);
    return streamResource;
}

无论出于何种原因，System.out.println 行将不会在 Chrome 中始终如一地执行。在 Firefox 中，它总是在渲染网格时被调用，但在 Chrome 中，System.out.println 通常不会被调用，这会导致上述奇怪的错误和行为。有时甚至根本没有调用它，这让我对网格中的缩略图是如何生成的感到困惑？我必须假设某种浏览器缓存？

我的网格包括：

grid.addComponentColumn(
    gridData -> new Image(gridData.getName(), gridData.getImageForGrid());

有人遇到过这个错误吗？如果是这样，您如何解决？

PS：我使用图像组件的唯一原因是，除了我可以看到的这种方式之外，没有其他方法可以在网格中呈现服务器生成缩略图...

Answer 1

我能够使用以下插件解决问题：https://vaadin.com/directory#!addon/grid-renderers-collection-for-vaadin7

代码很简单：

grid.addColumn(data.getThumbnailByteArray(), BlobImageRenderer());