无法使用ImageCropper在PrimeFaces中裁剪图像

Question

在我的项目中，我必须使用Image Cropper裁剪图像。我尝试了图像裁剪器展示示例，但是当我单击裁剪按钮时会抛出错误

.j_id_8:j_id_b: Conversion error occurred.

并且它不会调用裁剪方法。我对错误消息感到震惊并且没有清除错误。如何解决这个问题？

XHTML页面

<ui:define name="centerPageContent">
<h:form id="profilePictureForm">
    <p:messages id="messages" showDetail="true" autoUpdate="true" closable="true" />
    <h:panelGrid columns="2">
        <p:imageCropper value="#{profilePicture.croppedImage}" image="#{profilePicture.sampleImage}" initialCoords="225,75,300,125" />
        <p:graphicImage id="localCroppedImage" value="../images/images1.jpg" /> </h:panelGrid>
    <p:commandButton value="Crop" action="#{profilePicture.crop}" update="localCroppedImage" /> </h:form>
</ui:define>
</ui:composition>