Java Web实践专题——图片管理

在一个网站中可能会存在大量的图片,有些图片对于所有的网页是相同的,例如网页的LOGO,主页中的图片,这些图片就像普通的html文件一样,这些图片的处理通常使用网页编辑工具来完成的,也就是说通常是由美工完成的。主要使用下面的html标签:
<img alt="" src=""/>
其中src指定文件的路径,使用相对路径,通常我们会在web应用中专门创建一个文件夹images存放所有的图片。
这些图片的处理一般不需要Java程序员管理。还有一些图片是与程序员需要考虑的,例如,网站有一个留言板,在留言的时候用户可以选择表情,表情是一个非常简单的图片,每个用户留言都会选择一个,如果不选择,系统也会给一个默认的。这里使用图片的特点是、大家共享这么多的图片,不管怎么选择,都是从中选择。对于这种图片的处理通常的做法:在记录留言的同时,记录图片的编号,这样在显示的时候根据图片的编号查找图片本身。
另外还有一种情况,如果系统要保存所有用户的照片,这些照片对于不同的用户是不相同的,这时候如果采用上面的方式图片从完成的功能来说也可以,但是管理起来不方便,更合理的方式应该使用数据库。通常通过上传的方式把图片上传到服务器,然后存储到数据库,然后需要的时候,从数据库提取然后显示。
下面分别对两种处理图片的方式进行介绍。
通过路径管理图片
这种方式下,为了访问文件方便,需要对文件名进行特殊设置,例如上面所说的20种表情图片,可以使用image01.gif、image02.gif、image03.gif等等。
(1) 路径的生成
首先在html文件中单选按钮让用户选择,例如下面的代码展示了20种被选择的表情,使用上面说的文件名命名方式。
请选择表情:<br>
<input type="radio" name="mode" value="01"/>
<img alt="表情1" src="images/image01.gif" />
<input type="radio" name="mode" value="02"/>
<img alt="表情2" src="images/image02.gif" />
<input type="radio" name="mode" value="03"/>
<img alt="表情3" src="images/image03.gif" />
这里需要注意的mode是单选按钮的名字,处理文件中会根据这个名字获取用户选择的信息,value对应的某个选项的值,如果你选择第一个图片,则单选按钮的值就是01。img标签用于显示表情图片。
然后在处理文件中获取这个参数,把它保存到数据库中,获取信息,可以通过下面的代码完成:
request.getParameter(“mode”);
如何向数据库中存储,请参考本书中关于数据库部分。
(2) 根据路径信息生成图片
首先,需要从数据库中获取到要显示的图片的路径信息,访问数据库的过程请参考本书中关于数据库部分。假设获取的信息保存在str中,通常我们会先保存到request中,通过下面的代码:
request.setAttribute(“mode”,str);
然后在页面中显示,需要根据这个路径确定文件名,所以img标签中的文件名部分需要根据这个变量确定。
原来的格式为:
<img src="images/image01.gif" />
需要把01替换成变量,使用表达式:
<img src="images/image${requestScope.mode}.gif" alt=""/>
使用下面的代码也可以得到相同的效果:
<%
String str = (String)request.getAttribute("mode");
out.println("<img src=\"images/image"+str+".gif\" alt=\"\"/>");
%>
或者
<%
String str2 = (String)request.getAttribute("mode");
%>
<img src="images/image<%=str2%>.gif" alt=""/>
使用存储路径的方式的思路非常简单,存储图片的信息到数据库中,不一定是全部信息,只要能确定图片即可,然后根据数据库中的信息构造图片的路径显示路径。
通过数据库存储图片
在数据库中存储图片,需要使用BLOB类型的字段,BLOB用于存储字节流对象。假设我们要管理用户信息,为了简化,这里用户信息包括用户名、用户编号和照片,表的定义语句如下:
create table user
(
userid varchar(10) primary key,
username varchar(10),
picture blob
)
下面分别对图片的上传、存储和显示进行介绍。
(1)图片的上传
文件的上传功能我们使用Struts中提供的上传功能。首先需要创建上传的界面,对应的代码如下:
<%@ page contentType="text/html; charset=GBK" %>
<%@ taglib uri="/WEB-INF/struts-html.tld" prefix="html" %>
<html>
<head>
<title>
adduser
</title>
</head>
<body bgcolor="#ffffff">
<h1>
JBuilder Generated JSP
</h1>
用户添加<br>
<html:form action="addAction.do" method="post" enctype="multipart/form-data">
用户编号:<html:text property="userid"/><br>
用户名:<html:text property="username"/><br>
照片:<html:file property="picture"/>
<html:submit>
</html:submit>
</html:form>
</body>
</html>
注意:请求方式是post,enctype的值为“multipart/form-data”。
需要创建一个Form用于传值:
package picturetest;
import org.apache.struts.action.ActionForm;
import org.apache.struts.upload.FormFile;
import org.apache.struts.action.ActionErrors;
import org.apache.struts.action.ActionMapping;
import javax.servlet.http.HttpServletRequest;
public class AddActionForm
extends ActionForm {
private FormFile picture;
private String userid;
private String username;
public FormFile getPicture() {
return picture;
}
public void setPicture(FormFile picture) {
this.picture = picture;
}
public void setUsername(String username) {
this.username = username;
}
public void setUserid(String userid) {
this.userid = userid;
}
public String getUserid() {
return userid;
}
public String getUsername() {
return username;
}
public ActionErrors validate(ActionMapping actionMapping,
HttpServletRequest httpServletRequest) {
/** @todo: finish this method, this is just the skeleton.*/
return null;
}
public void reset(ActionMapping actionMapping,
HttpServletRequest servletRequest) {
}
}
(2)图片的存储
图片的存储应该创建单独的类来完成,因为代码太多,这里简化,直接在Action中完成对信息的添加。
package picturetest;
import org.apache.struts.action.ActionMapping;
import org.apache.struts.action.ActionForm;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import org.apache.struts.action.ActionForward;
import org.apache.struts.action.Action;
import org.apache.struts.upload.FormFile;
import java.sql.*;
import java.io.*;
public class AddAction
extends Action {
public ActionForward execute(ActionMapping mapping, ActionForm form,
HttpServletRequest request,
HttpServletResponse response) {
AddActionForm addActionForm = (AddActionForm) form;
String uid = addActionForm.getUserid();
String username = addActionForm.getUsername();
FormFile file = addActionForm.getPicture();
System.out.println(file.getFileSize());
if(file == null)
return mapping.findForward("success");
try
{
Class.forName("com.mysql.jdbc.Driver");
//加载驱动程序
Connection con
= DriverManager.getConnection("jdbc:mysql://localhost:3306/webtest","root","");
//创建连接
PreparedStatement pstmt = con.prepareStatement("insert into user values(?,?,?)");
//创建语句对象
InputStreamis = file.getInputStream();
//根据文件创建输入流
pstmt.setString(1,uid);
//为sql语句中的第一个变量赋值
pstmt.setString(2,username);
//为sql语句中的第二个变量赋值
pstmt.setBinaryStream(3,is,file.getFileSize());
//为sql语句中的第三个变量赋值,就是文件输入流
pstmt.execute();
//执行sql语句
is.close();
//关闭输入流
pstmt.close();
//关闭语句对象
con.close();
//关闭连接对象
}catch(Exception e)
{
System.out.print(e.toString());
}
request.setAttribute("userid",uid);
request.setAttribute("username",username);
return mapping.findForward("success");
}
}
把图片存入数据库的过程主要是先根据文件创建输入流,然后把该输入流作为参数添加到数据库中。保存图片使用:
pstmt.setBinaryStream(3,is,file.getFileSize());
其中,第一个参数3表示为sql语句中的第三个变量赋值,也就是第3个问号指定的变量,第二个参数is表示输入流,第三个参数表示图片的大小。
如果这里的图片不是上传的,而是位于文件系统中,操作过程也非常类似:
String str = getServletContext().getRealPath("code.gif");
File file = new File(str);
InputStream fis = new FileInputStream(file);
主要创建一个从图片的输入流即可,前面的是从上传文件的输入流,这里是从磁盘文件的输入流,后面我们还会介绍从内存图片的输入流。接下来向数据库中存储的过程是相同的。
(3)图片的显示
图片本身的显示通常伴随有其它信息的显示,这里把这个用户的所有信息都显示出来,但是文本类信息与图片信息本身的显示过程不同,所以这里使用两个文件:第一个文件用于显示图片本身,第二个文件用于显示其它信息以及关联到图片上。
显示图片的文件:
<%@page contentType="image/jpeg"%>
<%@page import="java.sql.*"%>
<%@page import="java.io.*"%>
<%
String driver = "com.mysql.jdbc.Driver";
String url = "jdbc:mysql://127.0.0.1:3306/webtest";
try {
String userid = request.getParameter("userid");
//获取要显示的用户的ID
Class.forName(driver);
//加载驱动程序
Connection con = DriverManager.getConnection(url, "root", "");
//创建连接
String sql = "select picture from user where uid='"+userid+"'";
//String sql = "select picture from user where uid='00006789'";
PreparedStatement pstmt = con.prepareStatement(sql);
//创建语句对象
ResultSet rs = pstmt.executeQuery();
//查询的结果集
rs.next();
InputStream is = rs.getBinaryStream(1);
//从数据库中读取图片数据
byte b[] = new byte[8192];
//创建字节数组,用于接收数据
OutputStream os = response.getOutputStream();
//获取输出流
int i;
while ((i=is.read(b)) > 0) { //从输入流读取数据
os.write(b); //然后把读取的数据进行输出
}
os.close();
is.close();
rs.close();
pstmt.close();
con.close();
//关闭相关对象
}
catch (Exception e) {
out.println(e.toString());
}
%>
需要注意几个地方:
Ø page属性的contentType属性的值为:image/jpeg;
Ø 读取图片,使用rs.getBinaryStream(1);
Ø 需要获取输出流:OutputStream os = response.getOutputStream();
Ø 把需要显示的照片的用户ID传递过来。
显示所有信息的文件:
<%@ page contentType="text/html; charset=GBK" %>
<html>
<head>
<title>
userinformation
</title>
</head>
<body bgcolor="#ffffff">
<h1>
用户信息:
</h1>
用户编号:${requestScope.userid}<br>
用户名:${requestScope.username}<br>
照片:<img alt="照片" src="picture.jsp?userid=${requestScope.userid}" />
</body>
</html>
注意:照片:<img alt="照片" src="picture.jsp?userid=${requestScope.userid}" />,picture.jsp的作用就是生成图片,src的值为picture.jsp就是把picture.jsp生成的图片作为一个静态图片使用了,使用“?”号把要显示的用户ID传递给picture.jsp文件。
这里不再给出配置文件struts-configure.xml的内容。
主要功能: 1.多用户注册各自使用,互不干予。 2.在自己的空间中创建多个相册,并上传多照片进行在线查看管理。 3.相册共享权限可设好友、所有人、指定人,并可指定共享类别、查看密码。 4.强大的相册及照片搜索功能,可按各种属性进行复合查找。 5.照片打印、设为封面、设为用户头像等多种操作。 6.在线大头贴拍照功能,并有数十种相框可供选择。 7.数码照片40多种属性EXIF信息显示。 8.照片可批量打包成ZIP文件下载。 9.对相册及照片添加文字简介功能。 10.强大的在线图片编辑功能(缩放,旋转,水印,裁剪)。 11.类似Windows中的图片缩略图预览模式,方便查看图片。 12.注册用户有二级域名空间可以让访客随时访问自己的空间进行查看及留言。 13.可自由设定相册中的照片排序方式或手动拖拽进行照片排序。 14.上传时用户可自己指定是否需要缩小大图到网页标准尺寸,以节省空间。 15.相册及照片标签输入方式,可按各类标签查看及搜索照片。 16.他人共享照片收藏功能,实时查看、评论、及其它操作。 17.对共享照片投票功能,可按投票数进行排序。 18.图片地址点击复制和短地址功能。 19.好友功能,可将他人加为好友,并查看对方的指定好友相册及发送短消息。 20.公共相册显示区,显示每个用户共享给所有人的相册和照片并可进行显示及评论。 21.用户可按等级权限自由绑定顶级域名代替外部空间地址,空间地址个性化。 22.界面样式自定义并可由用户在前台选择喜爱的空间风格。 23.用户空间个性化定义公告及标题显示,和对访客留言的查看及管理。 24.站内短信功能,提供收件箱、发件箱、已发送、垃圾箱功能。 25.网银、支付宝、财付通、快钱,PayNow(台湾)在线支付,空间自动续费升级,别人代充,充值卡使用管理。 26.用户积分功能, 可积分兑换金币并可升级空间。 27.前台违法举报,实时对上传内容进行管理。 28.网站留言功能,用户可实时向管理员反馈信息,管理员后台回复。 29.自动过滤内容和禁传非法文件,防止不正当使用。 30.可针对不同等级,不同分组的用户设置进入时公告。 31.批量用户管理操作,群发短信/邮件,可对列表中的所有用户统一一次操作。 32.后台实时查看及管理用户上传的所有照片和建立的相册。 33.强大的用户查找,根据有效期、最后登录时间,审核及锁定,等级查找。 34.用户等级制,可设每个等级的空间、上传大小、相册和照片个数及其它条数限制。 35.为每个等级设置开启外链、外链地址、开启二级域名及等级费用。 36.注册审核、邮件验证、防重复IP注册、时长注册功能。 37.来访IP限制设定和管理员可登录的IP设定。 38.后台管理员可进行管理权限划分并记录操作日志。 39.可直观设定相册、照片、用户、公告、留言的外部调用参数,支持模板调用。 40.可设置相册及照片的推荐,模板调用。 41.管理员在后台可统一设置用户上传照片后添加的水印。 42.可设置照片需审核后才能显示已共享的照片。 43.导入用户功能,支持ACCESS或Excel中导出的TXT格式信息,分项目一次导入。 44.导出用户功能,可选择条件过滤导出,指定导出项目,导出成txt或Excel格式。 45.后台可指定原图被缩减的最大尺寸,以防巨大图片。 46.页面广告分区添加及管理。 47.随时在线整理硬盘和数据库中的数据,保持数据最优化。 48.前台模板标签调用,可组建自己的照片站页面。 49.上传照片路径可按日期建立目录,确保同一目录下图片不会过多。 50.完善的等级防盗链功能,支持链接排除、链接包含、个人独立设置可以链接的地址。 51.Flash上传模式支持一次选择多图片、进度显示上传。上传完毕自动生成等比例缩略图。 52.可以同时下载多张网络图片到空间,并可设置水印等功能。 53.上传时可自由设置是否在照片上添加文字水印、图片水印或不添加水印。 54.用户分组设置,可分多组域名及多台服务器协同管理。 55.仅需为程序目录及用户存放目录设置写入及修改权限,系统更安全。 56.完美兼容firefox等其它非IE内核浏览器。 57.三层架构模式开发,扩充及调用更方便。 58.内含ajax文件操作技术,更加提高用户体验,提高系统运行效率。 59.分简体版、繁体版、英文版三种版本。 60.可以和《桃源网络硬盘.Net》用户完全整合。 61.全面的整合接口,支持注册、登录、修改资料及密码、添加、删除、审核、锁定用户,支持不同域名整合。 62.多种数据库支持:ACCESS、MSSQL、MySQL、Oracle。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值