==================
Spring MVC显示缩图
==================
index.jsp getBooks.jsp
------------------ -> ------------------
添加一本图书 显示所有图书
获取所有图书 | ^
Ajax| |Json
v |
BookController
------------------
返回所有图书
1 前端
将jquery-3.4.1.min.js文件复制到/src/main/webapp/js目录下。
/src/main/webapp/getBooks.jsp:
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
获取所有图书
2 控制器
/src/main/java/cn/tedu/springfile/controllers/BookController.java:
...
public class BookController {
...
@RequestMapping("/getBooks")
@ResponseBody
public String[] getBooks(HttpServletRequest request) {
// 目录名
String dir = request.getServletContext().getRealPath("images");
// 文件名
String[] filenames = new File(dir).list();
return filenames;
}
...
}
例程:SpringFile
3 缩略图
/src/main/webapp/getBooks.jsp:
...
...
...
...
例程:SpringFile