显示数据库中图片的jsp页面(jsp页面照片显示)

本文目录一览:

读取保存在数据库里的图片JSP页面显示无法显示图片

我把你的代码稍微改造了下,我这边是可以显示图片的。代码如下:

数据库操作部分:

package com.database;

import java.io.InputStream;

import java.sql.*;

/**

 * @作者 王建明

 * @创建日期 13-10-7

 * @创建时间 下午12:32

 * @版本号 V 1.0

 */

public class DataBaseUtil {

public static InputStream getImageStreamFromDataBase() {

Connection conn = null;

try {

Class.forName(“com.mysql.jdbc.Driver”);

conn =

DriverManager.getConnection(“jdbc:mysql://localhost/quickstart”, “root”, “123456”);

Statement stmt = conn.createStatement();

String sql = “select book_image from tbl_book where id=1 “;

ResultSet rs = stmt.executeQuery(sql);

if (rs.next()) {

return rs.getBinaryStream(“book_image”);

}

} catch (Exception e) {

System.out.println(“出现异常: ” + e.getMessage());

} finally {

try {

if (conn != null)

conn.close();

} catch (SQLException e) {

e.printStackTrace();

}

}

return null;

}

}

servlet部分:

package com.servlet;

import com.database.DataBaseUtil;

import javax.servlet.ServletException;

import javax.servlet.http.HttpServlet;

import javax.servlet.http.HttpServletRequest;

import javax.servlet.http.HttpServletResponse;

import java.io.IOException;

import java.io.InputStream;

import java.io.OutputStream;

/**

 * @作者 王建明

 * @创建日期 13-10-7

 * @创建时间 下午12:18

 * @版本号 V 1.0

 */

public class ShowImage extends HttpServlet {

protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

doGet(request, response);

}

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

InputStream in = DataBaseUtil.getImageStreamFromDataBase();

OutputStream toClient = response.getOutputStream();

response.reset();

response.setContentType(“image/jpg”);//或gif

int len = 10*1024*1024;

byte[] P_Buf = new byte[len];

int i;

while((i = in.read(P_Buf)) != -1){

toClient.write(P_Buf, 0, i);

}

in.close();

toClient.flush();

toClient.close();

}

}

web.xml中的servlet配置:

    servlet

        servlet-nameShowImage/servlet-name

        servlet-classcom.servlet.ShowImage/servlet-class

    /servlet

    servlet-mapping

        servlet-nameShowImage/servlet-name

        url-pattern/showImage/url-pattern

    /servlet-mapping

页面中加载图片方式:

img src=”showImage” /

希望对你有帮助O(∩_∩)O~

如何从数据库里把数据显示在JSP页面上

把数据库的数据保存在response、session、application,然后在页面使用struts标签、jsp标签等显示,或者用%。

对于你的这个问题,建议你学一下系统的javaee体系,应为把数据读到页面不是那么简单的,需要jdbc链接数据库,需要一个tomcat服务器,需要数据库jar包、、、、、、

jsp图片插入数据库并读出页面

2008-11-02 15:321.序

数据库应用程序,特别是基于WEB的数据库应用程序,常会涉及到图片信息的存储和显示。

通常我们使用的方法是将所要显示的图片存在特定的目录下,在数据库中保存相应的图片的名称,在JSP中建立相应的数据源,利用数据库访问技术处理图片信息。但是,如果我们想动态的显示图片,上述方法就不能满足需要了。我们必须把图片存入数据库,然后通过编程动态地显示我们需要的图片。实际操作中,可以利用JSP的编程模式来实现图片的数据库存储和显示。

2. 建立后台数据库

if exists (select * from dbo.sysobjects

where id = object_id(N'[dbo].[p]’) and OBJECTPROPERTY(id, N’IsUserTable’) = 1)

drop table [dbo].[p]

GO

CREATE TABLE [dbo].[p] (

[picid] [int] IDENTITY (1, 1) NOT NULL ,

[picname] [varchar] (50) COLLATE Chinese_PRC_CI_AS NULL ,

[pic] [image] NULL

) ON [PRIMARY] TEXTIMAGE_ON [PRIMARY]

GO

3.向数据库存储二进制图片

启动Dreamweaver MX后,新建一个JSP文件。其代码如下所示。

%@ page contentType=”text/html;charset=gb2312″%

%

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%”

titleMy JSP ‘InputImage.jsp’ starting page/title

meta http-equiv=”pragma” content=”no-cache”

meta http-equiv=”cache-control” content=”no-cache”

meta http-equiv=”expires” content=”0″

meta http-equiv=”keywords” content=”keyword1,keyword2,keyword3″

meta http-equiv=”description” content=”This is my page”

!–

link rel=”stylesheet” type=”text/css” href=”styles.css”

/head

body

form action=”testimage.jsp” method=”POST”br

题目input name=”picname” type=”text”br

图片input name=”pic” type=”file”br

input type=”Submit” name=”button1″ value=”提交”br

/form

/body

/html

将此文件保存为InputImage.jsp文件,其中testimage.jsp文件是用来将图片数据存入数据库的,具体代码如下所示:

%@ page contentType=”text/html;charset=gb2312″%

%@ page import=”java.sql.*” %

%@ page import=”java.util.*”%

%@ page import=”java.text.*”%

%@ page import=”java.io.*”%

jsp:useBean id=”conn” scope=”page” class=”dbconn.DBResult”/

%

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%”

titleMy JSP ‘testimage.jsp’ starting page/title

meta http-equiv=”pragma” content=”no-cache”

meta http-equiv=”cache-control” content=”no-cache”

meta http-equiv=”expires” content=”0″

meta http-equiv=”keywords” content=”keyword1,keyword2,keyword3″

meta http-equiv=”description” content=”This is my page”

!–

link rel=”stylesheet” type=”text/css” href=”styles.css”

/head

body

%

request.setCharacterEncoding(“gb2312”);

//建立Statement对象

String picname=request.getParameter(“picname”);

String pic=request.getParameter(“pic”);

//获得所要显示图片的标题、存储路径、内容,并进行中文编码

FileInputStream str=new FileInputStream(pic);

String sql=”insert into p(picname,pic) values(?,?)”;

PreparedStatement pstmt=conn.getPreparedStatement(sql);

pstmt.setString(1,picname);

pstmt.setBinaryStream(2,str,str.available());

pstmt.execute();

//将数据存入数据库

out.println(“Success,You Have Insert an Image Successfully”);

%

/body

/html

4. 网页中动态显示图片

接下来我们要编程从数据库中取出图片,其代码如下所示。

%@ page contentType=”text/html;charset=gb2312″%

%@ page import=”java.sql.*” %

%@ page import=”java.util.*”%

%@ page import=”java.text.*”%

%@ page import=”java.io.*”%

jsp:useBean id=”conn” scope=”page” class=”dbconn.DBResult”/

%

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%”

titleMy JSP ‘testimageout.jsp’ starting page/title

meta http-equiv=”pragma” content=”no-cache”

meta http-equiv=”cache-control” content=”no-cache”

meta http-equiv=”expires” content=”0″

meta http-equiv=”keywords” content=”keyword1,keyword2,keyword3″

meta http-equiv=”description” content=”This is my page”

!–

link rel=”stylesheet” type=”text/css” href=”styles.css”

/head

body

%

int id= Integer.parseInt(request.getParameter(“picid”));

String sql = “select pic from p WHERE picid=”+id;

ResultSet rs=conn.getResult(sql);

while(rs.next())

{

ServletOutputStream sout = response.getOutputStream();

//图片输出的输出流

InputStream in = rs.getBinaryStream(1);

byte b[] = new byte[0x7a120];

for(int i = in.read(b); i != -1;)

{

sout.write(b);

//将缓冲区的输入输出到页面

in.read(b);

}

sout.flush();

//输入完毕,清除缓冲

sout.close();

}

%

/body

/html

将此文件保存为testimageout.jsp文件。下一步要做的工作就是使用HTML标记:

%@ page contentType=”text/html;charset=gb2312″%

%@ page import=”java.sql.*” %

%@ page import=”java.util.*”%

%@ page import=”java.text.*”%

%@ page import=”java.io.*”%

jsp:useBean id=”conn” scope=”page” class=”dbconn.DBResult”/

%

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%”

titleMy JSP ‘lookpic.jsp’ starting page/title

meta http-equiv=”pragma” content=”no-cache”

meta http-equiv=”cache-control” content=”no-cache”

meta http-equiv=”expires” content=”0″

meta http-equiv=”keywords” content=”keyword1,keyword2,keyword3″

meta http-equiv=”description” content=”This is my page”

!–

link rel=”stylesheet” type=”text/css” href=”styles.css”

/head

body

%

String sql = “select * from p”;

ResultSet rs=conn.getResult(sql);

while(rs.next())

{

%

ccid_file values=”testimageout” % /” width=”100″ height=”100″

br

%

}

rs.close();

%

/body

/html

版权归原版所有!!!

jsp中显示数据库中图片和文字

可以提前把图片和文字写好放在页面中,属性设为隐藏,调用的时候用js控制,把属性改为显示就行

数据库中照片怎么在jsp中显示

用JSP从数据库中读取图片并显示在网页上:

环境mysql+tomcat:

1先在mysql下建立如下的table. 并insert图像

mysql.sql文件如下:

CREATE TABLE photo (

photo_no int(6) unsigned NOT NULL auto_increment,

image blob,

PRIMARY KEY (`photo_no`)

)

2把show.jsp放在tomcat的任意目录下. show.jsp作用:从数据库中读出blob,并产生image/jpg.

show.jsp文件如下:

%@ page contentType=”text/html; charset=gbk” %

%@ page import=”java.io.*”%

%@ page import=”java.sql.*, javax.sql.*” %

%@ page import=”java.util.*”%

%@ page import=”java.math.*”%

%

String photo_no = request.getParameter(“photo_no”);

//mysql连接

Class.forName(“com.mysql.jdbc.Driver”).newInstance();

String URL=”jdbc:mysql://localhost:3306/job?user=rootpassword=111111″;

Connection con = DriverManager.getConnection(URL);

//oracle连接

//String URL=”jdbc:oracle:thin@localhost:1521:orcl2″;

//user=”system”;

//password=”manager”;

//Connection con = DriverManager.getConnection(URL,user,password);

try{

// 准备语句执行对象

Statement stmt = con.createStatement();

String sql = ” SELECT * FROM PHOTO WHERE photo_no = “+ photo_no;

ResultSet rs = stmt.executeQuery(sql);

if (rs.next()) {

Blob b = rs.getBlob(“photo_image”);

long size = b.length();

//out.print(size);

byte[] bs = b.getBytes(1, (int)size);

response.setContentType(“image/jpeg”);

OutputStream outs = response.getOutputStream();

outs.write(bs);

outs.flush();

rs.close();

}

else {

rs.close();

response.sendRedirect(“./images/error.gif”);

}

}

finally{

con.close();

}

%

3把如下文件放在show.jsp的同一目录下.

index.html文件如下:

HTML

HEAD

TITLE 图像测试 /TITLE

/HEAD

BODY

TABLE

TR

TD图像测试/TD

/TR

TR

TDimg src=”show.jsp?photo_no=2″/TD

/TR

/TABLE

/BODY

/HTML

原创文章,作者:小蓝,如若转载,请注明出处:https://www.506064.com/n/283057.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
小蓝小蓝
上一篇 2024-12-22 08:06
下一篇 2024-12-22 08:06

相关推荐

  • 打造照片漫画生成器的完整指南

    本文将分享如何使用Python编写一个简单的照片漫画生成器,本文所提到的所有代码和技术都适用于初学者。 一、环境准备 在开始编写代码之前,我们需要准备一些必要的环境。 首先,需要安…

    编程 2025-04-29
  • 用Python绘制酷炫图片

    在本篇文章中,我们将展示如何使用Python绘制酷炫的图片。 一、安装Python绘图库 在使用Python绘制图片之前,我们需要先安装Python绘图库。Python有很多绘图库…

    编程 2025-04-29
  • 心形照片拼图模板

    如何使用心形照片拼图模板 一、模板介绍 心形照片拼图模板是一种让用户可以将自己的照片拼接成一个心形的巧妙设计,每个照片都是一个拼图块,当所有的照片配合完成时,呈现出一个完整的心形。…

    编程 2025-04-29
  • 打包后页面空白的解决方案

    当我们在调试阶段时,我们的app可能看起来完美无缺,但当我们进行打包时,在运行app时,我们可能会遇到白屏或空白的问题。在这篇文章中,我们将探讨如何解决这种问题。 一、检查文件路径…

    编程 2025-04-29
  • 使用axios获取返回图片

    使用axios获取返回图片是Web开发中很常见的需求。本文将介绍如何使用axios获取返回图片,并从多个方面进行详细阐述。 一、安装axios 使用axios获取返回图片前,首先需…

    编程 2025-04-29
  • Python 图片转表格

    本文将详细介绍如何使用Python将图片转为表格。大家平时在处理一些资料的时候难免会遇到图片转表格的需求。比如从PDF文档中提取表格等场景。当然,这个功能也可以通过手动复制、粘贴,…

    编程 2025-04-29
  • Python缓存图片的处理方式

    本文将从多个方面详细阐述Python缓存图片的处理方式,包括缓存原理、缓存框架、缓存策略、缓存更新和缓存清除等方面。 一、缓存原理 缓存是一种提高应用程序性能的技术,在网络应用中流…

    编程 2025-04-29
  • Python如何抓取图片数据

    Python是一门强大的编程语言,能够轻松地进行各种数据抓取与处理。抓取图片数据是一个非常常见的需求。在这篇文章中,我们将从多个方面介绍Python如何抓取图片数据。 一、使用ur…

    编程 2025-04-29
  • Python利用Image加图片的方法

    在Python中,利用Image库可以快速处理图片,并加入需要的图片,本文将从多个方面详细阐述这个操作。 一、Image库的安装和基础操作 首先,我们需要在Python中安装Ima…

    编程 2025-04-28
  • Avue中如何按照后端返回的链接显示图片

    Avue是一款基于Vue.js、Element-ui等技术栈的可视化开发框架,能够轻松搭建前端页面。在开发中,我们使用到的图片通常都是存储在后端服务器上的,那么如何使用Avue来展…

    编程 2025-04-28

发表回复

登录后才能评论