• Jsp&Servlet实现读取本地图片并展示


    在Web开发中图片的读取和展示是一个很常见的功能,实现的过程大致也都一样(包括在各种框架中……)!接下来用流的方式来实现图片的展示

    1、 创建Servlet,实现读取,请求方式使用get请求;

     

    package com.senvn.servlet;
    
    import java.io.File;
    import java.io.FileInputStream;
    import java.io.IOException;
    import java.io.OutputStream;
    import javax.servlet.ServletException;
    import javax.servlet.http.HttpServlet;
    import javax.servlet.http.HttpServletRequest;
    import javax.servlet.http.HttpServletResponse;
    
    public class ShowImageServlet extends HttpServlet {
    
        private static final String JPG="image/jpeg;charset=GB2312";
        
        /**
         * get方法
         */
        public void doGet(HttpServletRequest request, HttpServletResponse response)
                throws ServletException, IOException {
            // 本地文件路径
            String filePath = "D:"+File.separator+"temp"+File.separator+"test1.jpg";
            File file = new File(filePath);
            // 获取输出流
            OutputStream outputStream = response.getOutputStream();
            FileInputStream fileInputStream = new FileInputStream(file);
            // 读数据
            byte[] data = new byte[fileInputStream.available()];
            fileInputStream.read(data);
            fileInputStream.close();
            // 回写
            response.setContentType(JPG);
            outputStream.write(data);
            outputStream.flush();
            outputStream.close();
        }
        public void doPost(HttpServletRequest request, HttpServletResponse response)
                throws ServletException, IOException {
            
        }
    }

     

    2、 配置文件,web.xml

     

    <?xml version="1.0" encoding="UTF-8"?>
    <web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://java.sun.com/xml/ns/javaee" xmlns:web="http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd" id="WebApp_ID" version="3.0">
      <display-name>Servlet</display-name>
      <servlet>
        <description>显示图片Servlet</description>
        <display-name>显示图片</display-name>
        <servlet-name>ShowImageServlet</servlet-name>
        <servlet-class>com.senvn.servlet.ShowImageServlet</servlet-class>
      </servlet>
    
      <servlet-mapping>
        <servlet-name>ShowImageServlet</servlet-name>
        <url-pattern>/showImage.do</url-pattern>
      </servlet-mapping>
      <welcome-file-list>
        <welcome-file>index.jsp</welcome-file>
      </welcome-file-list>
    </web-app>

     

    3、 页面展示

     

    <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
    <%
    String path = request.getContextPath();
    String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
    %>
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
      <head>
        <base href="<%=basePath%>">
        <title>My JSP 'upload.jsp' starting page</title>
      </head>
      
      <body>
       <img alt="showImage" src="/Servlet/showImage.do">
      </body>
    </html>

     

    4、 直接访问jsp即可

     

    路径截图:

    image

  • 相关阅读:
    Fastjson
    react 使用createContext、Consumer 及 useContext 、Class.contextType父子组件共享数据
    使用useReducer 实现 todoList
    react中 useMemo与useCallback使用
    react17 函数组件 使用 better-scroll2.0 封装方法 及 使用
    react 执行 yarn build ,无法直接打开dist文件下的index
    react-redux 持久数据存储
    document.body.removeChild 获取到 symbol 标签
    react嵌套路由,并设置默认子路由
    Vagrant环境下配置node_exporter、mysqld_exporter、prometheus、grafana
  • 原文地址:https://www.cnblogs.com/kakag/p/3552691.html
Copyright © 2020-2023  润新知