用Seam实现:图片上传 + 保存到数据库 + 从数据库读出图片并显示到页面中

原创 2013年12月02日 20:36:48

上传图片并保存到数据库

seam给我们提供了 s:fileUpload 标签以完成文件上传功能.使用该标签时,要在web.xml中声明一个Seam的过滤器:
<filter>
  <filter-name>Seam Filter</filter-name>
  <filter-class>org.jboss.seam.servlet.SeamFilter</filter-class>
</filter>

<filter-mapping>
  <filter-name>Seam Filter</filter-name>
  <url-pattern>/*</url-pattern>
</filter-mapping>

s:fileUpload 标签主要属性:
  • data: 需绑定一个byte[] 数组,用来接收上传的二进制数据.
  • fileName: 上传文件的文件名
  • accept: 允许上传的文件类型,可取 "images/png", "images/jpg".
用法示例:
<h:form enctype="multipart/form-data" id="upload-form">
								<s:fileUpload data="#{memberHome.instance.avator}" fileName="#{memberHome.fileName}" />
								<h:commandButton value="上传照片" action="#{memberHome.update()}"
									styleClass="btn btn-primary btn-small">
								</h:commandButton>
							</h:form>

这里 avator 是一个byte[]数组,fileName是一个String对象.注意必须在form中使用 "multipart/form-data" 的编码类型.
当用户选择好图片,点击"上传照片"后,图片数据会首先被保存到Member实体Bean中的avator属性中,随后memberHome的update()方法被调用,JPA会把avator中的数据持久化到数据库中.

从数据库中读出图片并在页面中显示

要显示图片,可以使用<img>标签.但由于图片是保存在数据库中的,所以无法用将img的src属性设置为图片路径的方式来显示图片.这时候我们可以使用Servlet来完成这一功能.即将src指向一个Servlet,由这个Servlet负责把图片从数据库中取出并返回.

要在Servlet中访问数据数,可以先通过JNDI查询返回一个DataSource(数据源),通过DataSource的getConnection()方法来建立与数据库的连接,即使用JDBC访问数据库.
JNDI查询方法如下:
private DataSource getDS() throws NamingException {
		Context context = new InitialContext();
		return (DataSource) context.lookup("zhiduiDatasource");
	}

lookup()中要传递你要查询的对象的名称,即在persistence.xml中<jta-data-source>节点所声明的数据源.有关JNDI的详细说明,参见Oracle官方指南:http://docs.oracle.com/javase/7/docs/technotes/guides/jndi/

之后就可以从数据库中读出图片数据了:
private void getImageByte() {
		DataSource ds = null;
		Connection conn = null;
		
		try {
			ds = getDS();
			conn = ds.getConnection();
			Statement stat = conn.createStatement();
			ResultSet res = stat.executeQuery("select * from member where id='" + memberId + "'");
			
			while(res.next()) {
				imageByte = res.getBytes("avator_file");
			}

		} catch(SQLException ex) {
			ex.printStackTrace();
		} catch(NamingException ex) {
			ex.printStackTrace();
		} finally {
			try {
				conn.close();
			} catch(SQLException ex) {
				ex.printStackTrace();
			}
		}

	}

最后在doGet()方法中将读出的byte[]数据返回:
@Override
	protected void doGet(HttpServletRequest req, HttpServletResponse resp)
			throws ServletException, IOException {
		String parm = req.getParameter("memberId");
		memberId = Integer.parseInt(parm);
		
		getImageByte();		
		resp.getOutputStream().write(imageByte, 0, imageByte.length);
	}

别忘了在web.xml中声明你的ImageServer并配置URL映射:
<servlet>
		<servlet-name>Image Servlet</servlet-name>
		<servlet-class>cn.edu.sudt.zhidui.servlet.ImageServlet</servlet-class>
	</servlet>
	
	<servlet-mapping>
		<servlet-name>Image Servlet</servlet-name>
		<url-pattern>*.showimg</url-pattern>
	</servlet-mapping>

这时使用<img>标签就能成功地将图片显示到页面中了.
<img src="asd.showimg?memberId=#{memberHome.instance.id}" />


版权声明:本文为博主原创文章,转载请注明出处和原作者。

javaweb上传图片,并且从数据库中查出,在页面显示,同时保存图片到数据库中

javaweb上传图片    之前写过图片上传的案例,但是时间一长就忘了,这次写的这个程序用到了图片的上传,并且能够图文显示,所以写了这篇文章来记录一下。 首先来看下我的项目结构,我写的是房屋发布...
  • qq_34178998
  • qq_34178998
  • 2017年10月23日 20:54
  • 593

保存图片信息到数据库,并可读取后显示在前端

1.上传文件到后台 2.读取二进制流,保存到数据库中(这里我在数据库创建的字段是mediumtext类型,也可以是blob或其他blob,若是blob,则将byte...
  • Winne_Shen
  • Winne_Shen
  • 2016年12月13日 16:17
  • 3723

Struts2+Hibernate3将图片保存于mysql数据库并将其显示在JSP页面

文章来源:http://blog.csdn.net/yuyuyuyuy/article/details/6298753#comments  这两天研究了一下图片存储在mysql数据库中,并显...
  • buster2014
  • buster2014
  • 2015年09月11日 11:56
  • 1696

将图片以二进制格式存入数据库,并以流的方式展现在jsp页面

1.     简介 项目新需求,管理员有权限创建应用,应用字段包括:id、softname、softunique、softimage;上传图片时,数据库存储二进制,当普通用户首页展示图片时需要以流的...
  • Mr_yczhang
  • Mr_yczhang
  • 2015年05月04日 11:37
  • 3336

android实现从相册里选取图片上传到bmob数据库

  • 2018年01月12日 17:22
  • 22.18MB
  • 下载

SSM(Spring+SpringMvc+Mybatis)图片上传保存到数据库与回显+sql

  • 2017年10月31日 11:17
  • 17.5MB
  • 下载

fileupload图片上传并把地址保存到数据库

fileupload图片上传并把地址保存到数据库
  • hoho_12
  • hoho_12
  • 2016年10月24日 09:24
  • 3787

头像图片显示---数据库中保存路径 图片上传到工作目录下

上传的头像图片以 当前用户id为名 id.jpg.......... 读取图片src=”上传路径/id.jpg“ 开发环境下,上传图片到eclipse的workspace下,图片才可以显示,所...
  • learnTech
  • learnTech
  • 2013年03月14日 15:56
  • 6760

图片上传并保存到数据库以及显示图片

图片上传并保存到数据库以及显示图片 此处是用保存图片相对路径的方法,上传图片。 1. 首先创建数据库表: create table images ( image_ID int prima...
  • qq_34091529
  • qq_34091529
  • 2017年04月19日 22:59
  • 94

VS 2005中winForm开发(C#)—图片上传到数据库与显示(sql server 2005)

最近正在用C#做一个小的程序,其中用涉及到了照片的存取与显示,在网上搜索了很多有关的代码,但是几乎没有完整,大部分只是其中的存取或者显示代码,笔者将其整理了一下,形成了一个集照片上传到数据库、照片显示...
  • swarb
  • swarb
  • 2013年03月19日 14:23
  • 936
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:用Seam实现:图片上传 + 保存到数据库 + 从数据库读出图片并显示到页面中
举报原因:
原因补充:

(最多只允许输入30个字)