Показать загруженное изображение в формате JSF
У меня есть боб в области видимости, где я создаю человека. Человек может иметь изображение. Эта фотография загружается на той же странице, что и человек. Изображение не хранится в базе данных или на диске (так как человек еще не создан). Бин должен быть виден в области видимости, поскольку человек может быть создан в другом месте, и при этом используется тот же боб. Если бин имеет сессионную область, и пользователь загружает изображение, но не сохраняет человека, изображение будет отображаться в следующий раз, когда пользователь попытается создать человека.
Я решил это с помощью двух бобов; один видобъектный компонент для создания лица и сеансовый компонент для загрузки изображения и получения изображения в виде потока. Это однако вызывает проблему, отмеченную выше.
Как я могу решить это лучше?
Компонент загрузки:
@ManagedBean(name = "uploadBean")
@SessionScoped
public class UploadBean
{
private UploadedFile uploadedFile;
public UploadedFile getUploadedFile()
{
return uploadedFile;
}
public StreamedContent getUploadedFileAsStream()
{
if (uploadedFile != null)
{
return new DefaultStreamedContent(new ByteArrayInputStream(uploadedFile.getContents()));
}
return null;
}
public void uploadFile(FileUploadEvent event)
{
uploadedFile = event.getFile();
}
}
Бин создания-человека:
@ManagedBean(name = "personBean")
@ViewScoped
public class PersonBean
{
private Person newPerson = new Person();
public Person getNewPerson()
{
return newPerson;
}
private UploadedFile getUploadedPicture()
{
FacesContext context = FacesContext.getCurrentInstance();
ELContext elContext = context.getELContext();
UploadBean uploadBean = (UploadBean) elContext.getELResolver().getValue(elContext, null, "uploadBean");
return uploadBean.getUploadedFile();
}
public void createPerson()
{
UploadedFile uploadedPicture = getUploadedPicture();
// Create person with picture;
}
}
Соответствующая часть страницы JSF:
<h:form enctype="multipart/form-data">
<p:outputPanel layout="block" id="personPicture">
<p:graphicImage height="150"
value="#{uploadBean.uploadedFileAsStream}"
rendered="#{uploadBean.uploadedFileAsStream != null}" />
</p:outputPanel>
<p:fileUpload auto="true" allowTypes="/(\.|\/)(gif|jpe?g|png)$/"
fileUploadListener="#{uploadBean.uploadedFile}"
update="personPicture" />
<p:commandButton value="Save" actionListener="#{personBean.createPerson()}"/>
</h:form>