データベースからサーベット経由でロードされた画像の表示に問題があります。私はこのクラスを使用します
public class ImageServlet extends HttpServlet {
private static final int DEFAULT_BUFFER_SIZE = 10240;
@EJB
private GoodsDAO goodsDAO;
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
String stringImageId = request.getParameter("id");
if (stringImageId == null) {
response.sendError(HttpServletResponse.SC_NOT_FOUND); // 404.
return;
}
int imageId = Integer.parseInt(stringImageId);
Goods goods = goodsDAO.find(imageId);
if (goods == null) {
response.sendError(HttpServletResponse.SC_NOT_FOUND); // 404.
return;
}
response.reset();
response.setBufferSize(DEFAULT_BUFFER_SIZE);
response.setContentType("image/jpeg");
response.setContentLength(goods.getImage().length);
response.setHeader("Expires", "Thu, 15 Apr 2010 20:00:00 GMT");
BufferedOutputStream output = null;
try {
output = new BufferedOutputStream(response.getOutputStream(), DEFAULT_BUFFER_SIZE);
output.write(goods.getImage());
} finally {
close(output);
}
}
private static void close(Closeable resource) {
if (resource != null) {
try {
resource.close();
} catch (IOException e) {
e.printStackTrace();
}
}
}
}
私の顔-設定
<faces-config xmlns="http://java.sun.com/xml/ns/javaee"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-facesconfig_2_0.xsd"
version="2.0">
<navigation-rule>
<navigation-case>
<from-outcome>listAllGoods</from-outcome>
<to-view-id>/pages/protected/user/listAllGoods.xhtml</to-view-id>
</navigation-case>
</navigation-rule>
<navigation-rule>
<navigation-case>
<from-outcome>createGoods</from-outcome>
<to-view-id>/pages/protected/admin/createGoods.xhtml</to-view-id>
</navigation-case>
</navigation-rule>
<navigation-rule>
<navigation-case>
<from-outcome>createOrder</from-outcome>
<to-view-id>/pages/protected/user/createOrder.xhtml</to-view-id>
</navigation-case>
</navigation-rule>
<application>
<resource-bundle>
<base-name>messages</base-name>
<var>msgs</var>
</resource-bundle>
</application>
私のweb.xml
<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xmlns="http://java.sun.com/xml/ns/javaee" xmlns:web="http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd"
xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd"
id="WebApp_ID" version="3.0">
<display-name>ClothesJSF</display-name>
<welcome-file-list>
<welcome-file>pages/protected/user/listAllGoods.xhtml</welcome-file>
</welcome-file-list>
<servlet>
<servlet-name>Faces Servlet</servlet-name>
<servlet-class>javax.faces.webapp.FacesServlet</servlet-class>
<load-on-startup>1</load-on-startup>
</servlet>
<servlet-mapping>
<servlet-name>Faces Servlet</servlet-name>
<url-pattern>/faces/*</url-pattern>
<url-pattern>*.jsf</url-pattern>
<url-pattern>*.xhtml</url-pattern>
</servlet-mapping>
<servlet>
<servlet-name>imageServlet</servlet-name>
<servlet-class>com.servlet.ImageServlet</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>imageServlet</servlet-name>
<url-pattern>/image/*</url-pattern>
</servlet-mapping>
<filter>
<filter-name>PrimeFaces FileUpload Filter</filter-name>
<filter-class>org.primefaces.webapp.filter.FileUploadFilter</filter-class>
<init-param>
<param-name>thresholdSize</param-name>
<param-value>51200</param-value>
</init-param>
</filter>
<filter-mapping>
<filter-name>PrimeFaces FileUpload Filter</filter-name>
<servlet-name>Faces Servlet</servlet-name>
</filter-mapping>
次のコードでイメージをロードします。
<h:graphicImage id="zoomImage" value="image?id=#{goods.id}"
style="cursor:pointer" width="70" />
ホームページ以外のページに画像を表示する際に問題があります。ページを開くと:
http://localhost:8080/ClothesJSF/
通常、すべての画像はデータベースからロードされました。ページを開いた場合
http://localhost:8080/ClothesJSF/pages/protected/user/listAllGoods.xhtml
私のホームページに等しい私の画像は読み込まれません。この問題は、他のすべてのページでも発生しました。
image-servlet の設定に問題があると思います
<servlet-mapping>
<servlet-name>imageServlet</servlet-name>
<url-pattern>/image/*</url-pattern>
</servlet-mapping>
url-pattern に他の正規表現が必要かもしれませんが、わかりませんでした。アドバイスをいただければ幸いです。ありがとうございます。
更新すべての画像で次のようなパスを使用する場合:
<h:graphicImage id="zoomImage" value="http://localhost:8080/ClothesJSF/image?id=#
{goods.id}" style="cursor:pointer" width="70" />
それは機能しますが、 #{request.contextPath}/ を使用すると機能しません。#{request.contextPath}/image?id=# が機能するようにするには、設定を変更する必要があるかもしれません。