PrimeFaces的Photocam：顯示捕獲的圖像

Question

我想用一個簡單的變化來複制https://www.primefaces.org/showcase/ui/multimedia/photoCam.xhtml的示例。

在此示例中，每個拍攝的照片都會保存並顯示。

但我只需要顯示最新的一個，所以我刪除了列表引用並編輯了一些代碼。

所以我使用的只是graphicsImage而不是imageSwitch，並且在onCapture方法中我只是覆蓋了上一張圖片。

但這是問題所在。

新圖像被正確拍攝，我可以通過瀏覽到它的文件夾來看到它，但它不會在頁面中更新。 它似乎仍然顯示以前的緩存的一個，因爲如果它是第一個（在此之前沒有文件）它會起作用。

有什麼建議嗎？編輯： 這裏有一些代碼。

PrimeFaces JSF

<h:form> 

<h:panelGrid columns="3"> 
    <p:photoCam widgetVar="pc" listener="#{photoCamBean.oncapture}" update="photos"/> 

    <p:commandButton type="button" value="Capture" onclick="pc.capture()"/> 

    <p:imageSwitch effect="zoom" id="photos"> 
     <ui:repeat value="#{photoCamBean.photos}" var="photo"> 
      <p:graphicImage value="/photocam/#{photo}.png" /> 
     </ui:repeat> 
    </p:imageSwitch> 
</h:panelGrid> 

MY JSF

<p:photoCam widgetVar="pc" listener="#{registerBean2.onCapture}" update="photo"/> 
    <p:commandButton type="button" value="Capture" onclick="pc.capture()" update="photoPanel"/> 
    <p:panel id="photoPanel"> 
     <p:graphicImage value="./uploaded/temp/#{registerBean2.utente.username}.png" id="photo"> 
      <p:effect type="pulsate" event="load" delay="500"> 
       <f:param name="mode" value="'show'" /> 
      </p:effect> 
     </p:graphicImage> 
    </p:panel> 

PRIMEFACES BEAN

public void oncapture(CaptureEvent captureEvent) { 
    String photo = getRandomImageName(); 
    this.photos.add(0,photo); 
    byte[] data = captureEvent.getData(); 

    ServletContext servletContext = (ServletContext) FacesContext.getCurrentInstance().getExternalContext().getContext(); 
    String newFileName = servletContext.getRealPath("") + File.separator + "photocam" + File.separator + photo + ".png"; 

    FileImageOutputStream imageOutput; 
    try { 
     imageOutput = new FileImageOutputStream(new File(newFileName)); 
     imageOutput.write(data, 0, data.length); 
     imageOutput.close(); 
    } 
    catch(Exception e) { 
     throw new FacesException("Error in writing captured image."); 
    } 
} 

MY BEAN

public void onCapture(CaptureEvent captureEvent) { 
    makeAvatar(captureEvent.getData()); 
} 

private void makeAvatar(byte[] imageData) { 
    FileImageOutputStream imageOutput; 
    ExternalContext extContext = FacesContext.getCurrentInstance().getExternalContext(); 
    File imageFile = new File(extContext.getRealPath("NEW//uploaded//temp") + "//" + utente.getUsername() + ".png"); 
    try { 
     if (imageFile.exists()) { 
      imageFile.delete(); 
     } 
     imageFile.createNewFile(); 
     imageOutput = new FileImageOutputStream(imageFile); 
     imageOutput.write(imageData, 0, imageData.length); 
     imageOutput.close(); 
     FacesMessage msg = new FacesMessage("Immagine caricata correttamente."); 
     FacesContext.getCurrentInstance().addMessage(null, msg); 
    } catch (Exception e) { 
     FacesMessage msg = new FacesMessage("Errore nel caricamento dell'immagine!"); 
     FacesContext.getCurrentInstance().addMessage(null, msg); 
    } 
} 

圖像在我的臨時文件夾中被捕獲和更新，但不會在頁面中更改。 即使刷新也不會幫助我。 只有在服務器重新啓動後纔會更改！

編輯： 這是我與GlassFish的web.xml

<?xml version="1.0" encoding="UTF-8"?> 
<!DOCTYPE glassfish-web-app PUBLIC "-//GlassFish.org//DTD GlassFish Application Server 3.1 Servlet 3.0//EN" "http://glassfish.org/dtds/glassfish-web-app_3_0-1.dtd"> 
<glassfish-web-app error-url=""> 
    <class-loader delegate="true"/> 
    <jsp-config> 
     <property name="keepgenerated" value="true"> 
      <description>Keep a copy of the generated servlet class' java code.</description> 
     </property> 
     <property name="alternatedocroot_1" value="from=/uploads/* dir=/home/stefano/Documenti/UniLife" /> 
    </jsp-config> 
</glassfish-web-app> 

使用丹尼爾的解決方案，我已經能夠瀏覽到本地主機：8080/Unilife5戰/上傳/頭像/ cp99.png要顯示/home/stefano/Documenti/UniLife/avatar/cp99.png，或者我出錯了？

Answer 1

不熟悉GlassFish在好...但一開始我會使用由BalusC

PrimeFace update after upload

<property name="alternatedocroot_1" value="from=/uploads/* dir=/var/webapp" /> 

And use http://localhost:8080/contextname/uploads/* to serve those uploaded images from by 

<h:graphicImage> the usual way. 

沒有其他的文件夾內給出最簡單的例子像

stefano/Documenti/UniLife/avatar/

你有沒有改變你的bean代碼？

File imageFile = new File(extContext.getRealPath("NEW//uploaded//temp") + "//" + utente.getUsername() + ".png");