如何从MySQL数据库中读取图片路径并显示在JSP页面
首先，咱们得明白，数据库里存的通常不是图片文件本身，而是图片的路径。拿到路径后，咱们就可以让JSP页面去加载这张图片。举个脸上的例子，如果数据库里存的是类似"upload/images/xxx.jpg"这样的字符串，咱们在JSP里可以用：
<img src="<%= request.getContextPath() + "/" + imgUrl %>" alt="images" />
这样写，保证了图片路径是相对于你的web项目的根目录，不管项目放在哪儿都能找得到。如果你觉得图片显示老是不出来，检查下路径是不是对，或者试着用绝对路径，看是不是路径问题。
说白了，读取图片路径的步骤其实挺简单：
1. 先从数据库拿到路径字符串；
2. 把这个路径放进img标签的src属性里；
3. 浏览器根据路径加载展示图片。
别忘啦，图片一定得在你的web服务器指定的文件夹里，或者能通过路径访问，否则就算路径对，图片也看不到噢！
java从数据库读取数据怎样显示在jsp网页当中以及图片的显示技巧
那接下来，有意思的来了！不仅仅是图片路径，普通的数据可是更常见的，比如用户名、邮箱啥的。怎么在jsp页面上展示这些从数据库读出来的数据呢？咱们通常用"迭代"的思路来做，也就是说，把数据库查出来的多条数据遍历一遍，再一条条地打印出来。举个例子：
- JSP那边，我们写表格
<table>，用JSTL或者脚本let循环显示数据，比如：
<table>
<tr><th>Name</th><th>Email</th><th>Address</th><th>Phone No</th></tr>
<c:forEach var="user" items="${userList}">
<tr>
<td>${user.name}</td>
<td>${user.email}</td>
<td>${user.address}</td>
<td>${user.phone}</td>
</tr>
</c:forEach>
</table>
- Java后台部分，例如用Struts2写的Action类，负责从数据库查询数据并放到请求域或者Session中，然后JSP就能直接用啦。
再说说图片的特殊情况，比如blob类型的数据，是直接存在数据库里的二进制图片。处理方式就更微妙了：
- 用
Blob blob = rs.getBlob(1);来取得图片数据，记得1是列号。 - SQL别限制只去一条数据了，要把相关图片都拿出来；
- 在前端显示时，一般需要写一个专门的Servlet来输出图片的二进制流，然后JSP页面通过
来引用。
而如果数据库表里只存了路径，那在JSP里展示跟上面说的第一部分完全一样，就显示路径对应的图片。
另外，有个常见坑是，JSP循环数据显示时，想让多张图片排成一行，别把for循环包在<tr>标签外面，这样一循环每张图片就会换行。改成包在<td>内或者<div>里，才会一行显示。
总结几点关键步骤和注意的东西：
- 读取路径比读取二进制容易多啦，直接把字符串传给img的src就行。
- 处理多行多张图片要注意标签位置，避免标签换行。
- Blob类型要写专门的输出图片的Servlet，前端再通过地址引用。
相关问题解答
-
怎么确定数据库中存的是图片路径还是图片的二进制数据呢？
哈哈，这个问题问得好！一般来说，如果数据库字段类型是VARCHAR、TEXT，存的肯定是路径字符串；如果是BLOB、MEDIUMBLOB那就是二进制图片了。你可以看看表结构或者直接打印数据出来瞅瞅。要是路径，那JSP用img标签就行；要是二进制，得写Servlet输出流显示，稍微麻烦点。 -
为什么图片路径存的是相对路径，在JSP显示时要加
request.getContextPath()？
那是因为咱们的web项目不一定部署在根目录，有时会放子目录下，直接用相对路径图片找不到。request.getContextPath()获取应用根路径，加上你的图片相对路径，保证路径完整，这样不管部署在哪都能找到图片，厉害吧！ -
JSP循环显示多张图片但图片都显示在一列怎么办？
哎呀，这也是常见坑！多数是for循环写的位置搞错。比如你把循环包在<tr>标签外部，那每次循环会新起一行，自然变成一列显示了。解决办法是把循环放在<td>里，或者用div让图片排成一行闪闪发光，搞定！ -
如果用Struts2框架从数据库读取图片路径，怎么在jsp里显示图片呢？
小伙伴，你这问题真棒！用Struts2就是后台Action从数据库取到路径，放在request或者值栈里，比如List<String> imageUrls。然后JSP用<img src="<s:property value='imageUrl'/>" />循环输出图片标签，别忘了给路径加上request.getContextPath()，这样图片才能完美展示，ok？
新增评论