java+js实现展示本地文件夹下的所有图片demo

最新推荐文章于 2024-07-09 08:26:41 发布

置顶

sun_81

最新推荐文章于 2024-07-09 08:26:41 发布

阅读量3.1k

点赞数 1

文章标签： java读取图片前端显示

本文链接：https://blog.csdn.net/sun_81/article/details/86714368

版权

本文介绍了如何通过Java获取本地文件夹中的所有图片路径，并利用前端AJAX请求获取这些路径，然后对大图进行按比例压缩，最后在前端展示图片的流程。主要涉及Java读取图片和前端图片展示的技术。

摘要由CSDN通过智能技术生成

java+js实现展示本地文件夹下的所有图片demo

最近项目遇到需要实现前端通过一个按钮点击事件，弹窗浏览本地文件夹下的所有图片：
思路:
- 获取到所需展示图片的本地文件夹内所有图片的文件绝对路径名称（路径+图片名称.格式名称）
- 由于图片过大，对图片进行按比例压缩再展示
- 在前端展示图片

第一步：获取本地文件夹中的所有图片路径

package com.giscafer.common;

import java.io.File;
import java.io.IOException;
import java.net.MalformedURLException;
import java.util.ArrayList;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.ResponseBody;

/**
 * 文件预览辅助类
 * @author lhb
 * 
 */
@Controller
public class FileBrowseUtil {
    /**
     * 通过ajax请求获取传入的文件路径里边的文件fileList数组
     * @param req
     * @param resp
     * @param params 文件夹路径参数
     * @retu