PrimeFaces imageCropper 不显示可选区域答案

【问题标题】：PrimeFaces imageCropper does not show selectable areaPrimeFaces imageCropper 不显示可选区域
【发布时间】：2013-06-19 00:54:45
【问题描述】：

我只是复制了 primefaces 展示上的示例，但没有显示选择图像的区域。在陈列柜中，它看起来很简单。

我的页面：

<ui:composition 
    xmlns="http://www.w3.org/1999/xhtml"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:p="http://primefaces.org/ui">

<h:form>  

<p:imageCropper value="#{uploadMB.croppedImage}" id="imageCropper" 
image="/images/banner.jpg" />


</h:form>  

</ui:composition>

我的BackBean：

@ManagedBean
public class UploadMB implements Serializable{

    private static final Logger logger = Logger.getLogger(UploadMB.class.getName());

    private CroppedImage croppedImage;
    private String newImageName;  

    public String crop() {  
        if(croppedImage == null)  
            return null;  

        setNewImageName(getRandomImageName());  
        ServletContext servletContext = (ServletContext) FacesContext.getCurrentInstance().getExternalContext().getContext();  
        String newFileName = servletContext.getRealPath("") + File.separator + "images" + File.separator + "barca" + File.separator + getNewImageName() + ".jpg";  

        FileImageOutputStream imageOutput;  
        try {  
            imageOutput = new FileImageOutputStream(new File(newFileName));  
            imageOutput.write(croppedImage.getBytes(), 0, croppedImage.getBytes().length);  
            imageOutput.close();  
        } catch (FileNotFoundException e) {  
            e.printStackTrace();  
        } catch (IOException e) {  
            e.printStackTrace();  
        }  

        return null;  
    }  

    private String getRandomImageName() {  
        int i = (int) (Math.random() * 100000);  

        return String.valueOf(i);  
    }  

    public String getNewImageName() {  
        return newImageName;  
    }  

    public CroppedImage getCroppedImage() {
        return croppedImage;
    }

    public void setCroppedImage(CroppedImage croppedImage) {
        this.croppedImage = croppedImage;
    }

    public void setNewImageName(String newImageName) {
        this.newImageName = newImageName;
    }

是否有可能缺少一些库？或其他配置选项？我刚刚下载了 primefaces 3.5 jar 并将其放入我的类路径中。

谢谢

【问题讨论】：

我也有同样的问题

标签： image jsf-2 primefaces jboss7.x crop

【解决方案1】：

您的图片是否位于 %WEBAPP_ROOT%/images/banner.jpg

您可以通过 HTTP 网址（浏览器）访问您的图片吗？

【讨论】：

【解决方案2】：

您是否为cropper 建立了initialCoords 属性：“x,y,w,h”？也可以设置aspectRatio和minSize。

【讨论】：