Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/java/328.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Java Spring上载的图像未在jsp中显示_Java_Spring_Image_Hibernate_Jsp - Fatal编程技术网

Java Spring上载的图像未在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="

我在.jsp页面中显示.jpg图像时遇到了一个奇怪的问题。 我在将图像上传到我的资源文件夹时遇到了很多问题,但最终我得到了它。映像将正确上载到数据库和资源文件夹。 我有一个资源文件夹,里面有一个文件夹来存储所有图像。我的数据库中还有一个表,我在其中保存图像的名称、图像的id以及它所属元素的id。 当我加载gallery的.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>

这是一张显示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?或者错误地在文件名中添加了空格?很抱歉出现了明显的问题,但是没有其他明显的原因,我们无法查看您的文件,因此很难确定是什么原因导致了问题抱歉,缩略图已使用小写名称保存。现在它正常工作。