jsp随机显示本地图片

### 实现 JSP 页面随机显示本地存储图片为了实现在 JSP 页面中从服务器本地文件夹随机选择并显示图片的功能，可以通过以下方式完成： #### 1. 获取图片列表首先，在 Java 后端获取目标文件夹中的所有图片文件。这一步骤通常放在 Servlet 中处理。 ```java import java.io.File; import javax.servlet.ServletException; import javax.servlet.annotation.WebServlet; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; import java.util.ArrayList; import java.util.List; @WebServlet("/RandomImageServlet") public class RandomImageServlet extends HttpServlet { private static final long serialVersionUID = 1L; protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { List<String> imagePaths = getImageList(); if (!imagePaths.isEmpty()) { int randomIndex = (int)(Math.random() * imagePaths.size()); String imagePath = imagePaths.get(randomIndex); // 将路径设置为请求属性以便于在JSP页面访问 request.setAttribute("randomImagePath", imagePath); RequestDispatcher dispatcher = getServletContext().getRequestDispatcher("/showImage.jsp"); dispatcher.forward(request, response); } else { response.getWriter().println("No images found."); } } private List<String> getImageList(){ List<String> paths = new ArrayList<>(); File folder = new File(getServletContext().getRealPath("/images")); // 图片所在文件夹相对路径[^2] for (final File fileEntry : folder.listFiles()){ if(fileEntry.isFile() && isSupportedFormat(fileEntry.getName())){ // 判断是否支持的格式 paths.add(fileEntry.getAbsolutePath()); // 添加绝对路径到集合中 } } return paths; } private boolean isSupportedFormat(String fileName){ // 支持JPEG/JPG/PNG/BMP/GIF等常见图像格式 String[] supportedFormats = {"jpg","jpeg","png","bmp","gif"}; for(String format:supportedFormats){ if(fileName.toLowerCase().endsWith(format)){ return true; } } return false; } } ``` 此代码片段展示了如何创建一个 `RandomImageServlet` 来读取特定目录下的所有图片，并从中随机挑选一张作为返回给前端展示的内容。 #### 2. 显示选定的图片接着，在名为 `showImage.jsp` 的 JSP 文件里编写 HTML 和 EL 表达式来呈现这张被选中的图片。 ```jsp <%@ page contentType="text/html;charset=UTF-8" language="java"%> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Show Image</title> <style type="text/css"> img{ max-width: 100%; height:auto; display:block; margin-left:auto; margin-right:auto; border-radius:8px; box-shadow:rgba(0,0,0,.298039) 0 1px 4px; padding-top:2em; } </style> </head> <body> <h2 style='text-align:center;'>Here's Your Random Picture:</h2> <img src="${pageContext.request.contextPath}/getImage?path=${randomImagePath}" alt="Random Pic"> </body> </html> ``` 这里定义了一个简单的网页布局用于加载由 servlet 提供的随机图片链接。注意这里的 img 标签内的 src 属性指向了一个新的 URL `/getImage?path=...`, 这意味着还需要额外的一个servlet 或者控制器方法专门用来响应这个 GET 请求并将实际的二进制数据流发送回客户端浏览器[^1]。 #### 3. 处理图片输出至浏览器最后，增加一个新的映射用于提供原始图片资源的服务: ```java @WebServlet("/getImage") public class GetImageServlet extends HttpServlet { @Override protected void doGet(HttpServletRequest req, HttpServletResponse resp)throws ServletException,IOException{ String path=req.getParameter("path"); try(FileInputStream fis=new FileInputStream(path);OutputStream os=resp.getOutputStream();){ byte[] buffer=new byte[fis.available()]; while(fis.read(buffer)>0){ os.write(buffer); } } catch(Exception e){ throw new RuntimeException(e.getMessage(),e); } } } ``` 这段程序负责接收来自 showImage.jsp 发起的 HTTP GET 请求，并根据传入参数定位对应的物理位置打开输入流，再将其内容逐字节复制到响应对象关联的输出流当中去，从而实现了向用户的浏览器传输完整的图形文件。

阅读全文

jsp随机显示本地图片

相关推荐

JSP图片上传实现

jsp图片上传完整代码

jsp页面上传图片例子

jsp显示本地选中的图片

jsp中怎么显示本地磁盘的图片

jsp上传图片到本地

jsp 图片上传与显示

JSP根据路径显示图片

idea显示jsp图片很小

jsp websocket上传图片并显示

jsp设置背景图片无法显示100%

javaweb jsp随机生成数字

jsp修改拦截器能显示图片

jsp添加文件夹中图片

jsp页面如何输出图片

jsp怎么插入背景图片

jsp如何播放本地视频

jsp web如何替换图片

jsp遍历显示数据库中查询出来的图片

jsp 显示当前时间

大家在看

LITE-ON FW spec PS-2801-9L rev A01_20161118.pdf

Basler GigE中文在指导手册

独家2006-2021共16年280+地级市绿色全要素生产率与分解项、原始数据，多种方法！

TS流结构分析(PAT和PMT).doc

2017年青年科学基金—填报说明、撰写提纲及模板.

最新推荐

Java从数据库中读取Blob对象图片并显示的方法

JSP实现简单的用户登录并显示出用户信息的方法

JSP实现实时时间显示

Jsp常用功能——图片验证码

基于JSP+Servlet+JavaBean的图片或文件上传

免安装JDK 1.8.0_241：即刻配置环境运行

管理建模和仿真的文件

【提升效率与稳定性】：深入掌握单相整流器的控制策略

你看这是ashx映射的cs文件初始代码,你看这里边根本就没有写对action参数进行任何操作但你.ashx?action=submit这样去做他就能返回出数据这是为什么

机器学习预测葡萄酒评分：二值化品尝笔记的应用