我有一个奇怪的问题,在.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>
正如您所看到的,生成的路径是相同的,但是一个是好的而一个不是。
我看到了一些奇怪的东西......画廊页面会加载缩略图,当你克隆其中一个时,你可以看到完整的图片。但我已经看到缩略图没有显示,但当你点击它时,你可以看到完整的图片确定。