在Jsp中调整图像大小并在Jsp中显示多个图像

时间:2015-04-02 02:17:25

标签: jsp servlets

我有一个两部分问题。我正在尝试从我的数据库中检索图像(blob)并将其显示在我的jsp上。我能够检索图像并将其显示在Jsp上,但问题是新页面正在获取使用原始图像大小创建。我已经尝试在jsp中调整图像大小但是,我无法调整它的大小。我还读过它,因为它只是视图,所以无法在Jsp中调整图像大小。如何在servlet中实现这一点。下面是我的Jsp代码和servlet代码。

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

任何帮助将不胜感激.. 谢谢..

1 个答案:

答案 0 :(得分:0)

您似乎想要创建某种类型的图库或其他任何内容,从列表中获取多个图像。您可以使用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依赖)