Java 在Primefaces中使用Galleria进行图像旋转和缩放

我正在使用带有StreamedContent的galleria来显示来自c:///的图像。galleria正确显示图像，但当我使用按钮以pe:imageRotateAndResize缩放图像时，它仅影响第一个图像，而当我更改图像并使用按钮时，它仍然只影响库中的第一个图像。 我需要或必须纠正什么才能使pe:imageRotateAndResize影响到galleria的当前形象，而不仅仅是第一个形象？ Primefaces和Primefaces版本6.0-6.0.0

xhtml的代码：

    <p:galleria id="galleriaC" var="galle" value="#{controller.imagenes}"  autoPlay="false" showCaption="false"
                                    style="width: 100%; max-width: 100px; min-width: 100%; min-height: 10px; height: auto; overflow:scroll; ">
                            <p:graphicImage id="myImage" value="#{controller.imageItem}" style="width: auto; height: 100%;">
                                    <f:param name="gh" value="#{galle}"/>
                            </p:graphicImage>
                        </p:galleria>
    
                      
                        
                        <pe:imageAreaSelect id="areaSelect"
                                            for="myImage"
                                            widgetVar="areaSelectWidget"
                                            autoHide="true"
                                            handles="false"
                                            movable="false"
                                            persistent="false"
                                            resizable="false"
                                            >
                            <p:ajax event="selectEnd" listener="#{controller.selectEndListener}" update="msg"/>
                        </pe:imageAreaSelect>
    
    
                        <pe:imageRotateAndResize id="rotateAndResize" for="myImage" widgetVar="rotateAndResizeWidget" >
                            <p:ajax event="rotate" listener="#{controller.rotateListener}"
                                    update="msg" oncomplete="PF('areaSelectWidget').reload();"/>
                            <p:ajax event="resize" oncomplete="PF('areaSelectWidget').reload();" />
                        </pe:imageRotateAndResize>
    
                        <p:commandButton value="Regresar" actionListener="#{controller.regresar()}" update=":form"/>                
                        <p:commandButton icon="ui-icon-zoomin" value="Scale +"
                                         onclick="PF('rotateAndResizeWidget').scale(1.05);return false;"/>
                        <p:commandButton icon="ui-icon-zoomout" value="Scale -"
                                         onclick="PF('rotateAndResizeWidget').scale(0.95);return false;"/>

Java代码：

    public List<String> getImagenes() {
            return imagenes;
    }
    
    public StreamedContent getImageItem(){
            FacesContext context = FacesContext.getCurrentInstance();
            try{
                if(context.getRenderResponse()){
                    return new DefaultStreamedContent();
                }else{
                    //String name = context.getExternalContext().getRequestParameterMap().get("gh");
                    Map<String,String> params = context.getExternalContext().getRequestParameterMap();
                    String nmFile = params.get("gh");
                    File imgFile = new File(nmFile);
                    System.out.println("File a stremear: "+nmFile);
                    StreamedContent ds = new DefaultStreamedContent(new FileInputStream(imgFile),context.getExternalContext().getMimeType(imgFile.getName()));
                    return ds;
                }
            }catch(Exception e){
                e.printStackTrace();
            }
            return null;
        }
    
    public void selectEndListener(final ImageAreaSelectEvent e) {
            final FacesMessage msg = new FacesMessage(FacesMessage.SEVERITY_INFO, "Area selected",
                    "X1: " + e.getX1() + ", X2: " + e.getX2() + ", Y1: " + e.getY1() + ", Y2: " + e.getY2()
                            + ", Image width: " + e.getImgWidth() + ", Image height: " + e.getImgHeight());
    
            FacesContext.getCurrentInstance().addMessage(null, msg);
        }
    
    
    public void rotateListener(final RotateEvent e) {
            final FacesMessage msg = new FacesMessage(FacesMessage.SEVERITY_INFO, "Image rotated",
                    "Degree:" + e.getAngle());
            FacesContext.getCurrentInstance().addMessage(null, msg);
        }

公共列表getImagenes（）{
返回图像；
}
公共流内容getImageItem（）{
FacesContext context=FacesContext.getCurrentInstance（）；
试一试{
if（context.getRenderResponse（））{
返回新的DefaultStreamedContent（）；
}否则{
//字符串名称=context.getExternalContext（）.getRequestParameterMap（）.get（“gh”）；
Map params=context.getExternalContext（）.getRequestParameterMap（）；
字符串nmFile=params.get（“gh”）；
文件imgFile=新文件（nmFile）；
System.out.println（“文件a stremear:+nmFile”）；
StreamedContent ds=new DefaultStreamContent（新文件输入流（imgFile），context.getExternalContext（）.getMimeType（imgFile.getName（））；
返回ds；
}
}捕获（例外e）{
e、 printStackTrace（）；
}
返回null；
}
公共无效selectEndListener（最终图像区域SelectEvent e）{
final FacesMessage msg=新的FacesMessage（FacesMessage.SEVERITY_信息，“选定区域”，
X1:“+e.getX1（）+”，X2:“+e.getX2（）+”，Y1:“+e.getY1（）+”，Y2:“+e.getY2（）
+，图像宽度：“+e.getImgWidth（）+”，图像高度：“+e.getImgHeight（））；
FacesContext.getCurrentInstance（）.addMessage（null，msg）；
}
公共无效轮换主持人（最终轮换事件e）{
final FacesMessage msg=新的FacesMessage（FacesMessage.SEVERITY_信息，“图像旋转”，
“度：”+e.getAngle（））；
FacesContext.getCurrentInstance（）.addMessage（null，msg）；
}

我猜Galleria组件不是为此而设计的。仅适用于图像。@Melloware提供了另一个选项，可以使用大量图像（动态），每个图像都具有imageRotateAndResize