Question

编辑：此问题的原因是由于与servlet无关的错误。

我正在开发一个JSF2 / JPA / EJB3项目，该项目使用户能够上传自己的照片并将其存储在数据库中。使用servlet可以从数据库加载图像。但是有一个问题;更改图片并发布页面时，图像变为空白。似乎没有调用servlet。

网页：

<h:form>
    <h:graphicImage value="image?fileId=#{bean.currentUser.photo.id}"/>
    <3rd party file upload component (primeFaces)/>
    <h:commandButton value="post"/>
</h:form>

Servlet映射：

<servlet>
    <servlet-name>imageServlet</servlet-name>
    <servlet-class>com.xdin.competence.jsf.util.ImageServlet</servlet-class>
</servlet>
<servlet-mapping>
    <servlet-name>imageServlet</servlet-name>
    <url-pattern>/image/*</url-pattern>
</servlet-mapping>

的Servlet

@ManagedBean
public class ImageServlet extends HttpServlet {
    private static final int DEFAULT_BUFFER_SIZE = 10240; // 10KB.
    @EJB private UserBean userBean;

    @Override
    protected void doGet(HttpServletRequest request, HttpServletResponse response)
    throws ServletException, IOException
    {
        Long fileId = Long.parseLong(request.getParameter("fileId"));
        if (fileId == null) {
            response.sendError(HttpServletResponse.SC_NOT_FOUND); // 404.
        return;
        }
        UserFile photo = userBean.findUserFile(fileId);
        // Init servlet response.
        response.reset();
        response.setBufferSize(DEFAULT_BUFFER_SIZE);
        response.setContentType("image/png");
        response.setHeader("Content-Length", String.valueOf(photo.getFileData().length));
        response.setHeader("Content-Disposition", "inline; filename=\"" + photo.getFilename() + "\"");

        // Prepare streams.
        BufferedInputStream input = null;
        BufferedOutputStream output = null;

        try {
            // Open streams.
            input = new BufferedInputStream(new ByteArrayInputStream(photo.getFileData()), DEFAULT_BUFFER_SIZE);
            output = new BufferedOutputStream(response.getOutputStream(), DEFAULT_BUFFER_SIZE);

            // Write file contents to response.
            byte[] buffer = new byte[DEFAULT_BUFFER_SIZE];
            int length;
            while ((length = input.read(buffer)) > 0) {
                output.write(buffer, 0, length);
            }
        } finally {
            // Gently close streams.
            close(output);
            close(input);
        }
    }

    private static void close(Closeable resource) {
        if (resource != null) {
            try {
                resource.close();
            } catch (IOException e) {
                // Do your thing with the exception. Print it, log it or mail it.
                e.printStackTrace();
            }
        }
    }

我的猜测是ImageServlet中的doGet仅在Get上调用。使用faces-redirect = true强制新的GET有效，但是是否可以使servlet在POST上工作？

Answer 1

您似乎认为图像是作为HTTP响应的一部分下载的，其中包含包含<img>元素的HTML页面。这不是真的。浏览器获取HTML页面，解析HTML结构，遇到<img>元素并为每个元素触发单独的 HTTP请求。总是 GET。这同样适用于CSS / JS和其他资源。安装像Firebug这样的HTTP请求调试工具，然后检查 Net 面板。

实际问题可能是src属性中定义的URL错误。您正在使用上下文相关路径（即src属性中没有前导斜杠和域，它完全依赖于当前请求URL - 浏览器地址栏中的URL。可能HTML页面被发布到不同的上下文/文件夹，导致图像从该点无法访问。尝试使用绝对路径或域相对路径。

<h:graphicImage value="#{request.contextPath}/image?fileId=#{bean.currentUser.photo.id}" />

如果仍然徒劳，那么仔细看看Firebug的分析。

使用JSF通过Servlet显示来自数据库的图像的问题

1 个答案: