Как использовать p: graphicImage с StreamedContent в p: dataTable?

Ответ 1

<p:graphicImage> дважды вызовет метод геттера. Первый раз, когда элемент <img> должен быть отображен в HTML и, следовательно, требует URL-адреса в атрибуте src. Если вы просто вернете new DefaultStreamedContent(), тогда он будет автогенерировать правильный URL-адрес в атрибуте src. Второй раз, когда браузер действительно запрашивает изображение, это тот момент, когда вы должны вернуть фактическое изображение.

Итак, метод getter должен выглядеть следующим образом:

public StreamedContent getStreamedImageById() {
    FacesContext context = FacesContext.getCurrentInstance();

    if (context.getCurrentPhaseId() == PhaseId.RENDER_RESPONSE) {
        // So, we're rendering the view. Return a stub StreamedContent so that it will generate right URL.
        return new DefaultStreamedContent();
    }
    else {
        // So, browser is requesting the image. Get ID value from actual request param.
        String id = context.getExternalContext().getRequestParameterMap().get("id");
        Image image = service.find(Long.valueOf(id));
        return new DefaultStreamedContent(new ByteArrayInputStream(image.getBytes()));
    }
}

Ответ 2

изображения сохраняются в базе данных как byte [], если мы сохраняем их через спящий режим. Я загрузил изображения с тегом <p:fileUpload..., затем сохраняю изображение вместе с другими значениями данных, используя спящий режим.

На второй странице я показываю все данные таблицы (конечно, с изображениями), используя

<p:dataTable  var="data" value="#{three.all}" ....

и динамических изображений с использованием

<p:graphicImage   alt="image"  value="#{three.getImage(data)}" cache="false"  >
                <f:param id="image_id" name="image_id" value="#{data.number}" />
</p:graphicImage></p:dataTable>

Здесь "three" - это имя Backing Bean. В методе getAll() я извлекаю данные из таблицы через спящий режим и в том же методе, я создал HashMap<Integer, byte[]>. HashMap - это переменная экземпляра bean, а bean - SessionScoped. Я помещаю images (которые находятся в форме byte[]) вместе с целым image_id.

код:

    for (int i=0; i<utlst.size(); i++ ){
             images.put(utlst.get(i).getNumber(), utlst.get(i).getImage());}
//utlst is the object retrieved from database. number is user-id.

В представлении getImage.xhtml, <p:graphicImage alt="image" value="#{three.getImage(data)}" cache="false" > он вызывает метод getImage(data /*I am passing current object of the list which is being iterated by */ )

код getImage:

public StreamedContent getImage(Util ut) throws IOException {
       //Util is the pojo

          String image_id = FacesContext.getCurrentInstance().getExternalContext().getRequestParameterMap().get("image_id");
          System.out.println("image_id: " + image_id);

          if (image_id == null) {

                defaultImage=new DefaultStreamedContent(FacesContext.getCurrentInstance().getExternalContext().getResourceAsStream("/Capture.PNG"), "image/png");

            return defaultImage; 
        }


         image= new DefaultStreamedContent(new ByteArrayInputStream(images.get(Integer.valueOf(image_id))), "image/png");

        return image;
    }

просто держите свои динамические изображения с идентификаторами в AHashMap в сеансе, тогда они будут правильно переданы.

Спасибо и приветствую, Zeeshan

Ответ 3

В PrimeFaces 3.2 ошибка все еще присутствует. Я делаю обходной путь с помощью

<p:graphicImage value="#{company.charting}">
    <f:param id="a" name="a" value="#{cc.attrs.a}" />
    <f:param id="b" name="b" value="#{cc.attrs.b}" />
</p:graphicImage>

и

ExternalContext externalContext = FacesContext.getCurrentInstance().getExternalContext();
String a= externalContext.getRequestParameterMap().get("a");
String b= externalContext.getRequestParameterMap().get("b");

Но даже с этим bean вызывается 2 раза. Но во второй переменной вызова a + b заполняется; -)

Проклятая ошибка