2015-04-02 55 views
1

顯示muliple圖像我有一個問題的兩個部分。我想從我的數據庫中檢索圖像(BLOB)和我的JSP。我必須能夠檢索圖像和上顯示它顯示出來Jsp,但問題是用原始圖像大小創建新頁面。我曾嘗試調整jsp中的圖像大小,但我無法調整它的大小。我也讀過它,它不可能在Jsp中調整圖像的大小,因爲它只是視圖。這怎麼能在servlets中實現。以下是我的Jsp代碼和servlet代碼。調整大小在JSP中的圖像和在JSP中

JSP

<form action="Display"> 
    <c:forEach items="${imagenames}" var="imagename"> 
     <img src="images/${imagename}" height="30" width="30"> 
    </c:forEach> 
    <input type="submit" value="ok" /> 
</form> 

的Servlet

ResultSet rs =null; 
Product p= new Product(); 
rs=newController.getProduct(p,0,0); 
try { 
    if (rs.next()){ 
     try { 
      byte[] content = rs.getBytes("ProductImage"); 
      // response.setContentType(getServletContext().getMimeType(imageName)); 
      response.setContentLength(content.length); 
      response.setContentType("image/jpg"); 
      response.getOutputStream().write(content); 

     } catch (SQLException ex) { 
      Logger.getLogger(Display.class.getName()).log(Level.SEVERE, null, ex); 
     } 
    } 

第二部分是如何顯示在jsp中的多個圖像。

servlet代碼:http://balusc.blogspot.co.uk/2007/07/fileservlet.html

我使用netbean 8.0.2,Servlet版本是3.1

任何幫助,將不勝感激.. 感謝..

回答

0

看來,要創建某種形式的畫廊或其他,從列表中獲取幾張圖片。您可以根據行的和列等列的寬度/ heigth和金額

然後,代碼看起來像使用Twitter Bootstrap和網格系統,只要你想使盡可能多的行和列,它會調整它們的大小:

<c:if test="${!empty imageList}"> 
    <div class="container"> 
     <ul class="row"> 
      <c:forEach items="${imageList}" var="image"> 
       <li class="col-md-3 col-sm-4 col-xs-6 wrapper"> 
        <img class="img-responsive imgClip"src="/something/getImg${image.imageId}" /> 
       </li> 
    </c:forEach> 

     </ul> 
    </div> 

PS。您需要先自舉添加到項目中(你可以,如果你用maven其添加爲一個maven dependcy)