1. 首先介紹mysql資料庫表的資訊：

CREATE TABLE `imgtest` (
  `id` int(10) NOT NULL AUTO_INCREMENT COMMENT '圖片id',
  `name` varchar(20) NOT NULL COMMENT '名稱',
  `image` blob NOT NULL COMMENT '照片',
  PRIMARY KEY (`id`)
) 

注意：圖片儲存為 blob格式，直接儲存在資料庫中，而沒有選擇儲存路徑

2.介紹專案檔案結構，我使用的是 MyEclipse

3.解析主要程式碼
ImageBean.java 為與表結構對應的bean類：

public class ImageBean {
    private int id;                // 圖片id
    private String name;           // 圖片名字
    private InputStream inStream;  // 圖片位元組流
    .....此處省略get和set方法
}

JDBCUtil.java 類包含資料庫的連線操作和關閉操作，此處省略，詳見附件程式碼

GeneralDao.java 包含通用的增刪查改操作，這裡只給出兩個用到的查詢函式：

// 查詢，返回一個物件
public static
 
 Object query(String sql, Object[] values, RowMapper rowMapper) {
    Object object = null;
    Connection conn = JDBCUtil.getConn();
    PreparedStatement preStmt = null;
    ResultSet rs = null;  // 查詢結果集
    try {
        preStmt= conn.prepareStatement(sql);
        for(int i =0;i<values.length;i++)
            preStmt.setObject(i+1
 
, values[i]); // 將查詢引數放入sql語句中
        rs = preStmt.executeQuery();
        object = rowMapper.rowMapping(rs);  // 對映為一個物件
    } catch (SQLException e) {
        e.printStackTrace();
    }finally{
        JDBCUtil.closeConn(rs,preStmt,conn);
    }
    return object;
}

    // 查詢，返回一組物件
    public static List query(String sql, Object[] values, RowMapperList rowMapperList) {
        List list = null;
        Connection conn = JDBCUtil.getConn();
        PreparedStatement preStmt = null;
        ResultSet rs = null;
        try {
            preStmt= conn.prepareStatement(sql);
            for(int i =0;i<values.length;i++)
                preStmt.setObject(i+1, values[i]);
            rs = preStmt.executeQuery();
            list = rowMapperList.rowMapping(rs);  // 對映為一個list
        } catch (SQLException e) {
            e.printStackTrace();
        }finally{
            JDBCUtil.closeConn(rs,preStmt,conn);
        }
        if (list == null || list.isEmpty() || list.size() == 0) {
            return null;    
        }
        return list;
    }

RowMapper.java 和 RowMapperList.java 分別是兩個介面，供內部類實現
RowMapper.java :

public interface RowMapper {
    public Object rowMapping(ResultSet rs) throws SQLException;

}

RowMapperList.java :

public interface RowMapperList {

    public List rowMapping(ResultSet rs) throws SQLException;
}

ImageDao.java 裡面是對資料庫表的詳細操作：

public class ImageDao {

    // 查詢所有記錄
    public static List<ImageBean> query(String sql) {
        Object[] values = new Object[] {};
        ImageRML rowMapperList = new ImageRML();
        List<ImageBean> list = GeneralDao.query(sql, values, rowMapperList);
        return list;
    }

    // 根據id，查詢圖片位元組流
    public static InputStream queryImgStream(int id) {
        String sql = "select image from imgtest where id = ?";
        Object[] values = new Object[] {id};
        ImageRM rowMapper = new ImageRM();
        ImageBean imageBean = (ImageBean)GeneralDao.query(sql, values, rowMapper);
        // 如果查詢結果為空
        if (imageBean.equals(null)) {
            return null;
        }
        return imageBean.getInStream();
    }
}

// 一條記錄對映
class ImageRM implements RowMapper {

    @Override
    public Object rowMapping(ResultSet rs) throws SQLException {
        if (rs.next()) {
            ImageBean imageBean = new ImageBean();
            // 獲取圖片位元組
            imageBean.setInStream(rs.getBinaryStream("image"));
            return imageBean;
        }

        return null;
    }

}

// 一組記錄對映
class ImageRML implements RowMapperList {

    public List<ImageBean> rowMapping(ResultSet rs) throws SQLException 
    {
        List<ImageBean> list = new ArrayList<ImageBean>();
        // 如果rs有資料
        if (rs.next()) {
            do {
                ImageBean imageBean = new ImageBean();
                imageBean.setId(rs.getInt("id"));
                imageBean.setName(rs.getString("name"));
                list.add(imageBean);
            } while (rs.next());
        }
        else {
            return null;
        }
        return list;
    }
}

ImageOutServlet.java 為顯示圖片的servlet：

public class ImageOutServlet extends HttpServlet {

    public void doGet(HttpServletRequest request, HttpServletResponse response)
            throws ServletException, IOException {

        doPost(request, response);
    }

    public void doPost(HttpServletRequest request, HttpServletResponse response)
            throws ServletException, IOException {
        // 獲取請求傳過來的id，對應的就是圖片的id
        String temp = request.getParameter("id");
        int id = Integer.parseInt(temp);
        // 獲取圖片位元組流
        InputStream inStream = ImageDao.queryImgStream(id);
        // 建立圖片輸出的輸出流
        ServletOutputStream soutStream = response.getOutputStream();
        if (inStream.equals(null)) {
            soutStream.println("圖片無法顯示 ！<br>");
        } else {
            // 定義位元組流緩衝陣列
            byte[] buffer = new byte[1024];

            // 迴圈輸出位元組流, 為空時，read()返回 -1
            while (inStream.read(buffer) != -1) {
                soutStream.write(buffer);
            }
            // 輸入完畢，清楚緩衝
            soutStream.flush();
            soutStream.close();
        }
    }
}

4.jsp顯示頁面：

<body>
  <%
    String sql = "select id,name from imgtest";
    List<ImageBean> list = ImageDao.query(sql);
    // 如果結果集不為空
    if (list.size() > 0) {
   %>
    <table>
        <th>id</th><th>名稱</th><th>圖片</th>
    <%
        for (ImageBean bean : list) {
    %>
        <tr>
        <td><%=bean.getId() %></td>
        <td><%=bean.getName() %></td>
        <!-- 通過bean.getId() 將圖片id傳給servlet，然後返回顯示 -->
        <!-- 這裡 src 路徑，要根據目錄結構來確定，如果圖片顯示個X，大多是路徑問題 -->
        <td><img style="width:50px;height:50px" src="servlet/ImageOutServlet?id=<%=bean.getId()%>"></td>
        </tr>
    <%      
        } // for 
    }// if    
     %>

    </table>
  </body>

5.最後把專案部署到伺服器（tomcat）上，然後啟動，在瀏覽器位址列輸入：http://localhost:8089/ImageShow/ShowImg.jsp，我的埠為8089，你們根據自己的埠來。顯示結果為：

辛苦大家看到最後，可能之間的資料庫操作略顯麻煩，但那是為了我專案的所有表的操作的方便，以及程式碼複用，沒有涉及到什麼框架。
如果為了儘快看到效果，也可以直接將資料庫查詢操作放在jsp中和servlet中，根據自己需要來。
程式碼還存在很多不足，還請見諒，普通學生水平。有什麼意見，儘管提出，大家互相交流。
過幾天會接著貼上專案地址

這裡附上 碼雲地址，裡面包含了兩種圖片上傳方式，由於能力有限，難免會有錯誤和侷限的地方，請多包含
https://gitee.com/sys_code/ImageShow