Primefaces p:graphicImage 动态内容无法加载 404

     2023-03-24     8

关键词:

【中文标题】Primefaces p:graphicImage 动态内容无法加载 404【英文标题】:Primefaces p:graphicImage dynamicContent failed to load 404 【发布时间】:2021-04-15 11:42:51 【问题描述】:

显示 p:graphicImage 动态内容让我已经忙了好几天了。谁能帮帮我,我将不胜感激。

我有一个直接的 p:graphicImage 方法,将 imgage.jpg 的 StreamedContent 加载到一个列表(TreeMap)中。

这是我的 xhtml sn-p:

            <p:dataView var="id"
                value="#fotoViewer.imagesViewTree.entrySet()"
                    gridIcon="pi pi-th-large" listIcon="pi pi-bars">

            <p:dataViewListItem>
                <h:panelGrid columns="2" style="width:100%" columnClasses="">

                    <p:graphicImage value="#id.value.streamedImage"
                        style="max-width: 30vw; max-height: 53vh;" cache="false"
                        stream="true" styleClass="w3-round-xlarge" />

                    <p:outputPanel>
                        <h:panelGrid columns="2" cellpadding="5">
                            <h:outputText value="Id:" />
                            <h:outputText value="#id.key" style="font-weight: bold" />

                            <h:outputText value="naam:" />
                            <h:outputText value="#id.value.naam" style="font-weight: bold" />

                        </h:panelGrid>
                    </p:outputPanel>

                </h:panelGrid>
            </p:dataViewListItem>
        </p:dataView>

我可以在我的浏览器中看到动态内容,就可以判断而言,它看起来不错,这里是:

(img id="cac010:j_id_11:0:j_id_14" src="/cJsfComponents1/faces/javax.faces.resource/dynamiccontent.properties?ln=primefaces&v=8.0&pfdrid=8ca67d0788631c82cdee936b119abf8e&pfdrt=2&pfdrid_c=dfed=false&uid=false&uid -4b5f-80b8-b7868dac9f10" class="w3-round-xlarge" style="max-width: 30vw; max-height: 53vh;")

我不明白为什么服务器不提供 contentStream。它以 http-status-code-404 响应。

提前感谢您的帮助!

【问题讨论】:

查看文档:primefaces.github.io/primefaces/10_0/#/core/… 【参考方案1】:

找到了 8 年前给出的解决方案,这正是我一直在寻找的地方。而且....效果很好!

如何在 ui:repeat 中将 与 DefaultStreamedContent 一起使用?

How to use <p:graphicImage> with DefaultStreamedContent in an ui:repeat?

由于我使用的是 PrimeFaces V8.0,因此对于如何获取图像的 StreamedContent 有一些不同的实现。这是我的 ImageStreamer 方法:

public StreamedContent getStreamedContentOfImage(ByteArrayInputStream bais) 
    StreamedContent graphicImage = null;
    graphicImage = DefaultStreamedContent.builder().contentType("image/png").stream(() -> 
        try 
            return bais;
         catch (Exception e) 
            e.printStackTrace();
            return null;
        
    ).build();

    return graphicImage;


也许它可以帮助将来的人!?

【讨论】:

【参考方案2】:

@tandraschko:感谢您的快速回复。您包含的链接是几天前的,也是我的起点。我必须说helas,这是一个非常糟糕的例子!该代码不起作用并且不完整。链接How to use <p:graphicImage> with DefaultStreamedContent in an ui:repeat? 让我走上了正轨。我现在一切都很好,而且我对 PrimeFaces 越来越热情!遗憾的是,并非所有文档都是准确、实际和清晰的设置,并考虑到所有级别的用户!无论如何谢谢!

【讨论】:

我们已经在文档中付出了很多努力,但几乎不可能捕捉到每个组件的每个案例:P 请随时帮助我们改进文档,一切都在 GitHub 中! 现在稍微完善一下:primefaces.github.io/primefaces/10_0/#/components/graphicimage 好的@tandraschko。我很好奇你的抛光!但是您包含的链接在 (primefaces.github.io/primefaces/10_0/#/components/graphicimage) 处给了我“404 File not found” 链接已更改:primefaces.github.io/primefaces/10_0_0/#/components/… @tandraschko,很好的抛光/增强!谢谢!

如何在 p:dataTable 中使用 p:graphicImage 和 StreamedContent? [复制]

】如何在p:dataTable中使用p:graphicImage和StreamedContent?[复制]【英文标题】:Howtousep:graphicImagewithStreamedContentwithinp:dataTable?[duplicate]【发布时间】:2012-01-0810:49:00【问题描述】:我想使用PrimeFaces数据表从数据库中动态加载图像。基于t... 查看详情

BLOB 图像仅在通过 p:dataTable 在 PrimeFaces 中进行更新后刷新页面时显示

...发布时间】:2014-07-1918:05:03【问题描述】:我在&lt;p:graphicImage&gt;上显示以BLOB形式存储在My 查看详情

如何使 p:graphicImage 可点击并调用 bean 操作

】如何使p:graphicImage可点击并调用bean操作【英文标题】:Howtomakep:graphicImageclickableandinvokebeanaction【发布时间】:2012-04-1301:18:03【问题描述】:我正在使用&lt;p:graphicImage&gt;,如下所示:<divid="mapp"><h3>CountryMap</h3>... 查看详情

Primefaces:如何在 primefaces 3.5 中为菜单栏设置粘性

】Primefaces:如何在primefaces3.5中为菜单栏设置粘性【英文标题】:Primefaces:howcanmakestickyformenubarinprimefaces3.5【发布时间】:2016-04-0113:23:04【问题描述】:Primefaces3,5中没有粘性。我需要为菜单栏创建自定义粘性。谢谢。【问题讨论... 查看详情

将 primefaces 数据表与 org.primefaces.component.datatable.DataTable 绑定;

】将primefaces数据表与org.primefaces.component.datatable.DataTable绑定;【英文标题】:BindingprimefacesdataTablewithorg.primefaces.component.datatable.DataTable;【发布时间】:2012-04-0802:09:28【问题描述】:我有一个关于primefaces数据表组件的问题。我想... 查看详情

JSF 2 PrimeFaces 安装

】JSF2PrimeFaces安装【英文标题】:JSF2PrimeFacesInstallaion【发布时间】:2011-04-0516:03:04【问题描述】:我想使用PrimeFaces。我按照webpage上的所有说明进行操作我的POM:<dependency><groupId>org.primefaces</groupId><artifactId>primefa... 查看详情

IBM Bluemix 支持 Primefaces? [关闭]

】IBMBluemix支持Primefaces?[关闭]【英文标题】:IBMBluemixsuportsPrimefaces?[closed]【发布时间】:2016-05-2517:13:57【问题描述】:IBM的Bluemix平台支持Primefaces?我在JSF+Primefaces中部署了一个应用,但Primefaces组件没有出现。另一方面,出现了... 查看详情

Primefaces - menuBar - 禁用选项

】Primefaces-menuBar-禁用选项【英文标题】:Primefaces-menuBar-withDisabledOption【发布时间】:2014-01-1600:40:34【问题描述】:我正在使用primefaces3.4菜单栏。我正在使用如下所示的menuItem。<p:menuitemvalue="ClickHere"url="/faces/NewPage.xhtml"disabled="... 查看详情

使用ajax从jsf中的primefaces树选定项设置primefaces selectOneMenu默认值

】使用ajax从jsf中的primefaces树选定项设置primefacesselectOneMenu默认值【英文标题】:SettingprimefacesselectOneMenudefaultvaluefromprimefacestreeselectediteminjsfwithajax【发布时间】:2012-10-0311:15:54【问题描述】:在第一种形式中,我有一个primefaces多... 查看详情

在 PrimeFaces 中添加 Angular Js - JSF

】在PrimeFaces中添加AngularJs-JSF【英文标题】:AddAngularJsinPrimeFaces-JSF【发布时间】:2016-07-2719:11:45【问题描述】:我已经有一个带有PrimeFaces的JSF项目,但现在我需要在我的项目中添加Angularjs。有primefaces的标签所以我不知道如何使... 查看详情

Primefaces 6.0 对话框框架和框架集

】Primefaces6.0对话框框架和框架集【英文标题】:Primefaces6.0DialogFrameworkandframeset【发布时间】:2017-01-2410:51:01【问题描述】:我们在weblogic11g下使用jsf2.1+primefaces6.0+primefaces-extensions6.0.0,mojarra2.1.7。由于嵌套对话框的要求,我们首... 查看详情

JQuery 与 Primefaces 冲突? [复制]

】JQuery与Primefaces冲突?[复制]【英文标题】:JQueryConflictswithPrimefaces?[duplicate]【发布时间】:2011-07-2408:36:37【问题描述】:我在JSF页面的标题中包含了JQuery1.5。在那个页面中有一堆已经编码的Primefaces组件。在我将Jquery.js包含在页... 查看详情

Primefaces 的对话框 'appendTo' 属性,它有啥用?

】Primefaces的对话框\\\'appendTo\\\'属性,它有啥用?【英文标题】:Primefaces\'sdialog\'appendTo\'property,whatitusefulfor?Primefaces的对话框\'appendTo\'属性,它有什么用?【发布时间】:2015-07-2406:11:27【问题描述】:也许这是一个愚蠢的问题,... 查看详情

PrimeFaces 与 PrimeReact?他们有啥共同点?

】PrimeFaces与PrimeReact?他们有啥共同点?【英文标题】:PrimeFacesvs.PrimeReact?Whatcommontheyhave?PrimeFaces与PrimeReact?他们有什么共同点?【发布时间】:2021-11-2510:35:09【问题描述】:客户在某些应用程序中使用PrimeFaces。将来在其他一些... 查看详情

清除primefaces样式

参考技术A我也遇到这个问题,想把原有样式去掉,添加新的自己定义的样式,请我怎么处理呢? 查看详情

重复值的 Primefaces 行分组

】重复值的Primefaces行分组【英文标题】:Primefacesrowgroupingforrepeatedvalues【发布时间】:2012-06-1620:35:33【问题描述】:primefaces是否能够像icefaces那样在数据表中动态分组行?<ice:columngroupOn="#employee.region">...<ice:column><ice:co... 查看详情

Primefaces 链接打开电子邮件撰写窗口

】Primefaces链接打开电子邮件撰写窗口【英文标题】:Primefaceslinkopenanemailcomposewindow【发布时间】:2012-02-0402:12:18【问题描述】:使用JSF-Primefaces如何在dataTable列上为emailId创建链接,以便onclick将打开电子邮件撰写窗口?我将Primefac... 查看详情

JSF 2.0 无法从 primefaces 呈现对话框

】JSF2.0无法从primefaces呈现对话框【英文标题】:JSF2.0can\'trenderdialogfromprimefaces【发布时间】:2011-07-2606:32:14【问题描述】:最近我在使用primefaces组件时遇到了很多问题,我不知道为什么。我使用glassfishV3.0,我的primefaces版本是2.2... 查看详情