Primefaces 旋转和调整图像大小

我使用JSF2、PrimeFaces5.3，并尝试使用旋转和调整图像大小，如Jpg、png或任何其他图像格式。但这种错误发生了。 无法将行为附加到非ClientBehaviorHolder父jsf-文件预览

这是我的密码。

---

我如何解决它呢？

可能是因为您没有包含PrimeFaces扩展吗？AFAIR您需要4.0.0，它应该与PF 5.3兼容

否则，我不认为例外来自这个片段

                    <pe:imageAreaSelect id="areaSelect"  
                                        for="myImage"  
                                        widgetVar="areaSelectWidget"  
                                        autoHide="true"  
                                        handles="false"  
                                        movable="false"  
                                        persistent="false"  
                                        resizable="false"  
                                        parentSelector="#imageWrapper">  
                        <p:ajax event="selectEnd" listener="#{fileViewer.selectEndListener}" update="growl"/>  
                    </pe:imageAreaSelect>  

                    <pe:imageRotateAndResize id="rotateAndResize" for="myImage" widgetVar="rotateAndResizeWidget">  
                        <p:ajax event="rotate" listener="#{fileViewer.rotateListener}"  
                                update="growl" oncomplete="PF('areaSelectWidget').reload();"/>  
                        <pe:javascript event="resize" execute="PF('areaSelectWidget').reload();"/>  
                    </pe:imageRotateAndResize> 

                    <p:commandButton type="button" icon="ui-icon-arrowreturnthick-1-w"
                                     value="Rotate" onclick="PF('rotateAndResizeWidget').rotateLeft(90);
                                             return false;"/>
                    <p:commandButton type="button" icon="ui-icon-arrowreturnthick-1-e" 
                                     value="Rotate" onclick="PF('rotateAndResizeWidget').rotateRight(90);
                                             return false;"/> 
                    <p:commandButton type="button" icon="ui-icon-zoomin" 
                                     value="+"  onclick="PF('rotateAndResizeWidget').scale(1.05);
                                             return false;"/>
                    <p:commandButton type="button" icon="ui-icon-zoomout"
                                     value="-" onclick="PF('rotateAndResizeWidget').scale(0.95);
                                             return false;"/>
                </p:panelGrid>

    FacesContext.getCurrentInstance().addMessage(null, msg);
}

public void resizeListener(final ResizeEvent e) {  
    final FacesMessage msg = new FacesMessage(FacesMessage.SEVERITY_INFO, "Image resized", "Width:" + e.getWidth() + ", Height: " + e.getHeight());  

    FacesContext.getCurrentInstance().addMessage(null, msg);  
}  

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