读取图片及显示

实现效果如下：

通过点击按钮，实现随即更换图片

 主要代码如下：

@WebServlet("/randomImgC")
public class RandomImgC extends HttpServlet {
    @Override
    protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        //获取某个文件夹下所有的文件名
        String[] fileNames = new File("D:\\aa\\bb\\beauty").list();
        String imgName = fileNames[(int) Math.floor(Math.random() * fileNames.length)];
        System.out.println("随机生成的文件名是"+imgName);
        ImgUtil.responseImg("D:\\aa\\bb\\beauty/"+imgName,resp);
    }
}

首先读取指定文件夹的所有文件名，将他们存入一个数组中，再通过获取数组随机索引位置的的文件名将他拼接到绝对路径中去，再通过工具类实现传输。

imgUtil工具类代码如下：

public static void responseImg(String imgPath, HttpServletResponse resp){
        try {
            //1.读取图片
            FileInputStream is=new FileInputStream(imgPath);
            ServletOutputStream os = resp.getOutputStream();
            //构建缓冲流，提高读写效率
            BufferedInputStream bis=new BufferedInputStream(is);
            BufferedOutputStream bos=new BufferedOutputStream(os);
            byte[] bytes=new byte[1000];
            //循环，边读边写
            while ((bis.read(bytes))!=-1){
                bos.write(bytes);
            }
            //关闭资源
            bos.flush();
            bos.close();
            bis.close();
            os.close();
            is.close();
        }catch (Exception e){
            e.printStackTrace();
        }

    }

首先将读取的路径转换成字节输入流和获取输出流，在构建缓冲流，来提高读写效率，并且设置一次性读取的数据大小，进一步提升效率，后面增加判断是否读取完毕，最后输出、关闭资源。

因为随机图片操作是在后端进行，所以要想随机更换图片需要刷新浏览器，前端代码如下：