Java Spring上载的图像未在jsp中显示
我在.jsp页面中显示.jpg图像时遇到了一个奇怪的问题。 我在将图像上传到我的资源文件夹时遇到了很多问题,但最终我得到了它。映像将正确上载到数据库和资源文件夹。 我有一个资源文件夹,里面有一个文件夹来存储所有图像。我的数据库中还有一个表,我在其中保存图像的名称、图像的id以及它所属元素的id。 当我加载gallery的.jsp时,我会传递一个包含图像的列表,并使用“for each”将它们显示在.jsp上 这是jsp的代码:Java Spring上载的图像未在jsp中显示,java,spring,image,hibernate,jsp,Java,Spring,Image,Hibernate,Jsp,我在.jsp页面中显示.jpg图像时遇到了一个奇怪的问题。 我在将图像上传到我的资源文件夹时遇到了很多问题,但最终我得到了它。映像将正确上载到数据库和资源文件夹。 我有一个资源文件夹,里面有一个文件夹来存储所有图像。我的数据库中还有一个表,我在其中保存图像的名称、图像的id以及它所属元素的id。 当我加载gallery的.jsp时,我会传递一个包含图像的列表,并使用“for each”将它们显示在.jsp上 这是jsp的代码: <c:set var="rutaImagen" value="
<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>
这是一张显示ok的图像:
<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>
这是一张未显示ok的上传图像:
<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>
正如您所看到的,结果路径是相同的,但一个是ok,另一个不是
我看到了一些奇怪的东西…图库页面加载了缩略图,当你点击其中一个时,你可以看到完整的图片。但是我看到缩略图没有显示,但是当你点击它时,你可以看到完整的图片 显而易见的问题是:
DSCN1062.JPG
是否确实存在于您正在检查的路径中?我的意思不仅仅是图像在那里,而是你的代码使用了确切的文件名,甚至是大小写。i、 e.文件名是否全部大写?是的。上载文件时使用的名称为大写。文件存在于指定位置。当我上传一张图片时,我用Thumbnailator创建缩略图并将其上传到thumbnails文件夹。对于缩略图和全尺寸图片,文件以相同的名称存储,那么…为什么全尺寸图片有效而缩略图无效?并且缩略图生成器不会更改大小写(即使对于.jpg)或附加到文件名,例如DSCN1062_thumb.jpg?或者错误地在文件名中添加了空格?很抱歉出现了明显的问题,但没有其他明显的原因,我们无法查看您的文件,因此很难确定是什么原因导致了问题抱歉,缩略图已使用小写名称保存。现在它工作正常。明显的问题是:DSCN1062.JPG
是否确实存在于您正在检查的路径中?我的意思不仅仅是图像在那里,而是你的代码使用了确切的文件名,甚至是大小写。i、 e.文件名是否全部大写?是的。上载文件时使用的名称为大写。文件存在于指定位置。当我上传一张图片时,我用Thumbnailator创建缩略图并将其上传到thumbnails文件夹。对于缩略图和全尺寸图片,文件以相同的名称存储,那么…为什么全尺寸图片有效而缩略图无效?并且缩略图生成器不会更改大小写(即使对于.jpg)或附加到文件名,例如DSCN1062_thumb.jpg?或者错误地在文件名中添加了空格?很抱歉出现了明显的问题,但是没有其他明显的原因,我们无法查看您的文件,因此很难确定是什么原因导致了问题抱歉,缩略图已使用小写名称保存。现在它正常工作。