java - 使用 primefaces p :media plugin 在 liferay 上显示 pdf

Question

我尝试使用p:media显示pdf文件，但什么也没显示(在对话框上显示pdf预览器)。该代码可以直接在浏览器上显示它，也可以下载文件。单击预览链接时没有返回错误。下面是代码:

<h:form enctype="multipart/form-data">
    <p:dataTable id="files" var="file" value="#{viewBacking.getFileList()}">
        <p:column headerText="File">
            <h:outputText value="#{file.name}" />
        </p:column>

        <p:column style="width:5%">
            <p:commandLink id="downloadLink" value="download" title="Download File" ajax="false" actionListener="#{viewBacking.getFileSelected(file, 1)}" >
                <p:fileDownload value="#{viewBacking.file}" />
            </p:commandLink>
        </p:column>

        <p:column style="width:5%">
            <p:commandLink id="previewLink" value="preview" title="Preview File" ajax="false" actionListener="#{viewBacking.getFileSelected(file, 2)}" onclick="dialogPdf.show()">
            </p:commandLink>
        </p:column>
    </p:dataTable>

    <p:dialog header="Images" widgetVar="dialogPdf" modal="true" draggable="false" resizable="false" width="1040" height="500">
        <p:media value="#{viewBacking.file}" width="100%" height="300px">  
        </p:media>
    </p:dialog>
</h:form>

这是支持 bean:

public class ViewBacking {
    private StreamedContent file;  
    public StreamedContent getFile() {  
        return file;
    }

    public StreamedContent getFileSelected(final StreamedContent doc, int mode) throws Exception {
        //Mode: 1-download, 2-preview
        try {
            File localfile = new File(getPath(doc.getName()));
            FileInputStream fis = new FileInputStream(localfile);
            //If mode preview and extension <> `pdf`, convert to `pdf`
            if (mode == 2 && !(doc.getName().substring(doc.getName().lastIndexOf(".") + 1)).matches("pdf")) {
                localfile = DocumentConversionUtil.convert(doc.getName(), fis, doc.getName().substring(doc.getName().lastIndexOf(".") + 1), "pdf");
                fis = new FileInputStream(localfile.getPath());
            }

            if (localfile.exists()) {
                try {
                    PortletResponse portletResponse = (PortletResponse) FacesContext.getCurrentInstance().getExternalContext().getResponse();
                    HttpServletResponse res = PortalUtil.getHttpServletResponse(portletResponse);
                    if (mode == 1)      res.setHeader("Content-Disposition", "attachment; filename=\"" + doc.getName() + "\"");
                    else if (mode == 2) res.setHeader("Content-Disposition", "inline; filename=\"" + doc.getName().substring(0, doc.getName().lastIndexOf(".")) + ".pdf\"");
                    res.setHeader("Content-Transfer-Encoding", "binary");
                    res.setContentType(getMimeType(localfile.getName().substring(localfile.getName().lastIndexOf(".") + 1)));
                    res.flushBuffer();
                    OutputStream out = res.getOutputStream();
                    byte[] buffer = new byte[4096];
                    int bytesRead;
                    while ((bytesRead = fis.read(buffer)) != -1) {
                        out.write(buffer, 0, bytesRead);
                        buffer = new byte[4096];
                    }
                    file = new DefaultStreamedContent(fis, "application/pdf", "file.pdf"); //--> I tried to add this line to return the file StreamedContent

                    out.flush();
                    out.close();
                    out = null;
                } catch (IOException e) {
                    e.printStackTrace();
                } finally {
                    fis.close();
                    fis = null;
                    System.gc();
                }
            }
        } catch (Exception ex) {
            ex.printStackTrace();
        }

        return null;
    }
}

如果您需要更多信息，请随时询问我。谢谢。

Answer 1

PrimeFaces MediaRenderer.java 类的源代码表明 p:media 的 value 属性可以是 StreamedContent 的实例(就像您拥有的那样)或基于字符串的 URL。

我在 getFileSelected 方法中看到的问题是它在底层 HttpServletResponse 上设置 header/contenttype 等。这是有问题的，原因有两个:

1) 如果您需要做这样的事情，您应该使用 ResourceResponse 上的方法(Portlet API 的一部分)

2) 根据调用 getFileSelected 方法的时间，您可能会尝试更改 Ajax 请求的内容类型。客户端中的 PrimeFaces JavaScript 需要 JSF 部分响应，但您可能会将其更改为二进制 application/pdf。

我认为处理此问题的最佳方法是避免返回 StreamedContent 的实例，而是让 value 属性指定如下 URL:

然后像 jsf2-export-pdf-portlet 一样拥有自定义资源和 ResourceHandler。