Servlet 入门—输出图片

今天学习的是如何通过访问后台的一个servlet 就能看到一个图片，注意这里不是 html 加载的图片，而是从服务器返回的。比如日常上网见到的图片验证码就是通过这个来实现的。

由于之前我们都是通过 web.xml 来配置我们的 servlet，今天我们就使用注解的方式来实现。（注意必须使用的是 servlet 3.0 及以上的版本）

代码实操

1. 编写 servlet

/**
 * Desc: ImageServlet
 * Author: Xu He
 * created: 2021/9/7 10:34
 */

@WebServlet(urlPatterns = {"/imageServlet"})
public class ImageServlet extends HttpServlet {
    @Override
    protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {

    }

    @Override
    protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        //1.创建字节输入流，关联读取的文件
        // 1.1 获取文件的绝对路径
        String realPath = getServletContext().getRealPath("/img/lyf.jpeg");
        // 1.2 创建字节输出流对象
        BufferedInputStream bis = new BufferedInputStream(new FileInputStream(realPath));

        //2.设置响应头支持的类型  应用支持的类型为字节流
        /*
            Content-Type 消息头名称   支持的类型
            image/jpeg   消息头参数  应用类型为图片
         */
        // resp.setHeader(" Content-Type", "image/jpeg");
        // 当 header 的 key 是 Content-Type， 可以使用 resp.setContentType 方法
        resp.setContentType("image/jpeg");

        //3.获取字节输出流对象
        ServletOutputStream sos = resp.getOutputStream();

        //4.循环读写文件
        byte[] arr = new byte[1024];
        int len;
        while((len = bis.read(arr)) != -1) {
            sos.write(arr,0,len);
        }

        //6.释放资源
        bis.close();
        sos.close();
    }
}

2. 验证

启动 tomcat, 浏览器打开链接 http://localhost:8080/ServletDemo_war_exploded/imageServlet

总结

细心的同学发现，代码跟之前的《Servlet 入门—文件下载》非常类似，不同的是：

1. 我们通过 @WebServlet 取代了 web.xml 中的配置；

2. 响应头 Content-Type 的值改为 image/jpeg，表示响应内容是图片，浏览器就会解析图片。常用的 MIME 可参考 https://www.w3school.com.cn/media/media_mimeref.asp

---

 如果觉得还不错的话，关注、分享、在看（关注不失联~）， 原创不易，且看且珍惜~