0

我正在使用richfaces 4 和JSF 2.1，特别是标签rich:fileUpload和a4j:mediaOutput。我的目标是上传图像并进行预览。我有以下代码：

<rich:fileUpload id="upload" fileUploadListener="#{technicianBean.listener}" maxFilesQuantity="1" immediateUpload="true" ontyperejected="alert('Solo imágenes JPG');" acceptedTypes="jpg">

    <a4j:ajax event="uploadcomplete" render="info" />
    <a4j:ajax event="clear" listener="#{technicianBean.clearUploadData}" render="info" />

</rich:fileUpload>

<h:panelGroup id="info" layout="block" ajaxRendered="true" >
   <a4j:mediaOutput element="img" mimeType="image/jpeg" createContent="#{technicianBean.paint}"
     value="#{technicianBean.nickname}" style="width:100px; height:100px;" cacheable="false">
   </a4j:mediaOutput>
</h:panelGroup>

和

@ManagedBean
@SessionScoped
public class TechnicianBean extends PersonBean {

private String nickname;

private UploadedImage file;

public TechnicianBean() {
}

public String getNickname() {
    return nickname;
}

public void setNickname(String nickname) {
    this.nickname = nickname;
}

public UploadedImage getFile() {
    return file;
}

public void setFile(UploadedImage file) {
    this.file = file;
}


public void listener(FileUploadEvent event) throws IOException {
    UploadedFile photo = event.getUploadedFile();
    file = new UploadedImage();
    file.setLength(photo.getData().length);
    file.setName(photo.getName());
    file.setData(photo.getData());
}

public void paint(OutputStream stream, Object object) throws IOException {
    if (file != null) { 
        stream.write(file.getData());
        stream.close();
    }       
    //stream.write(((UploadedImage) object).getData());
}

 public String clearUploadData() {
     file = null;
     return null;
 } 
}

我认为问题出在标签a4j:ajax上的render事件中。例如，我在a4j:ajax event="clear"中的侦听器 (clearUploadData)执行该函数，但在这两种情况下（uploadcomplete和clear）我都无法重新渲染图像（即内部带有 mediaOutuput 的 panelGroup）以及何时我删除或上传新图像，任何内容都会刷新，即使我刷新页面 (F5) 内容也会正确显示。

我真的不知道该怎么处理。提前感谢您的关注。

PS：a4j:mediaOputut标记中的值（昵称）可能会让您感到困惑，但在绘制函数中，我正在流中写入文件属性。

4

0 回答 0