SapUI5 UploadCollection 预览图像相同 window

Question

我正在使用 SapUI5 UploadCollection 按照中的建议从用户上传图像 UploadCollection Samples

问题是单击图像时它会在单独的新 window 中打开。有什么方法可以在同一个 window 中显示图像的预览？

Answer 1

SapUI5 灯箱控件允许用户以原始大小查看图像。控件在弹出窗口中显示图像，同时使屏幕的其余部分变暗。

通过使用 UploadCollectionItem 的按下事件，您可以显示图像的 LightBox 预览，如下所示：

<UploadCollectionItem press="onUrlPress" thumbnailUrl="{ProductPhotos>UrlThumb}" url="{ProductPhotos>Url}" >


 onUrlPress: function (oEvent) {
        var item = oEvent.getSource();
        var url = item.getProperty("url");
        this.lightbox = new LightBox({
            imageContent: {
                title: url,
                imageSrc: url
            }
        });
        this.lightbox.open();
    },

SapUI5 UploadCollection 预览图像相同 window

SapUI5 UploadCollection Preview Image in same window

javascript

image

sapui5