2011-11-15 10 views
1

画像を切り取った後にアップロードしたい。私はこのようにします:まず画像をアップロードし、ページ内に表示します。しかし、問題は、画像をトリミングして「送信」ボタンをクリックしたときに、対応するイメージ・クロッパー・ビーンが呼び出されないということです。私はどこが間違っているのか分からない。jsf2.0と素数でクロップした後に画像をアップロード

XHTMLコード:

<html xmlns="http://www.w3.org/1999/xhtml" 
xmlns:ui="http://java.sun.com/jsf/facelets" 
xmlns:h="http://java.sun.com/jsf/html" 
xmlns:f="http://java.sun.com/jsf/core" 
xmlns:p="http://primefaces.prime.com.tr/ui"> 
<h:head> 
<script src="jquery-1.4.2.js"></script> 
<script src="jquery.Jcrop.js"></script> 
<script src="jquery.min.js"></script> 
<script src="jquery.Jcrop.min.js"></script> 

</h:head> 
<h:body> 
<h:form > 
<p:panel header="FILE UPLOAD WITH CROPPER" style="width:900px; margin: 0 auto; margin-top:0px"> 

<p:fileUpload fileUploadListener="#{photoUploadAction.handleImageUpload}" 
     mode="advanced" 
     update="getImageId,messages" auto="true" 

     allowTypes="/(\.|\/)(gif|jpe?g|png)$/"/> 

<p:growl id="messages" showDetail="true"/> 

<p:growl id="uploadMessages" showSummary="true" showDetail="true"/> 

<p:outputPanel id="getImageId"> 

<h:panelGrid columns="2"> 

<p:imageCropper id="cropperId" value="#{imageCrop.croppedImage}" 
       image="images/#{photoUploadVO.imageName}"/> 
    <p:graphicImage value="cropImages/#{imageCrop.imageName}" cache="false"/> 
</h:panelGrid> 

    <p:commandLink value="Crop" update="getImageId" action="#{imageCrop.crop}" type="submit" /> 
</p:outputPanel> 
</p:panel> 
</h:form> 
</h:body> 
</html> 

答えて

0

私はくぼみ、正しくあなたの質問を理解して、私の理解まで、私はあなたのfaces.configであなたのimageCropperBeanためmanagedBeanを作成していないかもしれないと思います。または、クロッパーの前にアノテーションを宣言するだけです.Beanクラス@managedBean

関連する問題