Java Spring上传的图片没有在jsp中显示

时间:2017-08-30 16:46:35

标签: java spring image hibernate jsp

我有一个奇怪的问题,在.jsp页面中显示.jpg图像。 将图像上传到我的资源文件夹时遇到了很多问题,但最后我明白了。图像正确上传到数据库和资源文件夹。 我有一个资源文件夹,里面有一个文件夹来存储所有图像。我的数据库上还有一个表,我保存图像的名称,图像的id和它所属元素的id。 当我加载图库的.jsp时,我传递一个带有图像的列表并使用“for each”,我将它们显示在.jsp上。

这是jsp的代码:

<c:set var="rutaImagen" value="${'img/maquinas/fullsize/'}"></c:set>
        <c:set var="rutaThumbnail" value="${'img/maquinas/thumbnails/'}"></c:set>

        <div class="container-fluid">
            <div class="row no-gutter popup-gallery">
                <!-- Añadimos cada imagen del listado -->
                <c:forEach items="${listaImagenes }" var="imagen">
                    <c:set var="nombreImagenCompleto" value="${rutaImagen}${imagen.nombreImagen }"></c:set>
                    <c:set var="nombreThumbnailCompleto" value="${rutaThumbnail}${imagen.nombreImagen }"></c:set>
                    <div class="col-lg-4 col-sm-6">
                        <a class="portfolio-box" href="${nombreImagenCompleto}">
                            <img class="img-fluid" src="${nombreThumbnailCompleto}" alt="">
                            <div class="portfolio-box-caption">
                                <div class="portfolio-box-caption-content">
                                    <div class="project-category text-faded">
                                        Ampliar                                         
                                    </div>                                      
                                </div>
                            </div>                              
                        </a>
                        <div>                               
                            <input type="radio" name="imagenSeleccionada" id="${imagen.idImagen}" value="${imagen.idImagen}">
                        </div>
                    </div>
                </c:forEach>  

            </div>

这是一张显示确定的图片:

<div class="col-lg-4 col-sm-6">
                        <a class="portfolio-box" href="img/maquinas/fullsize/3.jpg">
                            <img class="img-fluid" src="img/maquinas/thumbnails/3.jpg" alt="">
                            <div class="portfolio-box-caption">
                                <div class="portfolio-box-caption-content">
                                    <div class="project-category text-faded">
                                        Ampliar                                         
                                    </div>                                      
                                </div>
                            </div>                              
                        </a>
                        <div>                               
                            <input type="radio" name="imagenSeleccionada" id="3" value="3">
                        </div>
                    </div>

这是一张上传的图片,显示无效:

<div class="col-lg-4 col-sm-6">
                        <a class="portfolio-box" href="img/maquinas/fullsize/DSCN1062.JPG">
                            <img class="img-fluid" src="img/maquinas/thumbnails/DSCN1062.JPG" alt="">
                            <div class="portfolio-box-caption">
                                <div class="portfolio-box-caption-content">
                                    <div class="project-category text-faded">
                                        Ampliar                                         
                                    </div>                                      
                                </div>
                            </div>                              
                        </a>
                        <div>                               
                            <input type="radio" name="imagenSeleccionada" id="41" value="41">
                        </div>
                    </div>

正如您所看到的,生成的路径是相同的,但是一个是好的而一个不是。

我看到了一些奇怪的东西......画廊页面会加载缩略图,当你克隆其中一个时,你可以看到完整的图片。但我已经看到缩略图没有显示,但当你点击它时,你可以看到完整的图片确定。

0 个答案:

没有答案