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>