javaWEB实现相册管理的简单功能

时间:2022-06-17 23:12:32

这仅仅只是一个小小的相册管理,主要实现的功能:能够实现对图片的上传,统一浏览,单个下载,单个删除,只能删除自己上传的文件。
现在对每个功能进行单个的解释:
图片的上传 
图片的上传在之前的文章中写的很清楚了,点击打开链接:《JavaEE实现前后台交互的文件上传与下载》 。
在这个相册管理中,就不是单一的文件传了,还需要涉及到很多参数供其他功能模块的使用

?
1
2
3
4
5
6
7
8
9
10
11
<span style="font-size:24px;">//上传文件一般采用外面的 apache的上传工具包
 /*
 * 我们需要将上传的文件放到指定的文件夹下
 * 要获得文件的信息 文件名 要存储的文件夹(打散) uuid--dir
 * 解决中文问题存储的文件名 uuid.jpg
 * 每个人都有自己的权限 ip
 * 上传的时间  dt
 * 文件原先的真是名字 relName
 * 相片的说明 desc
 * 文件的扩展名 ext
 *上面上传一个图片需要这么多的信息,,所以 采用 值对象《VO》封装采用打乱文件夹存储,让性能更优。</span>
?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<span style="font-size:24px;"> */
 request.setCharacterEncoding("utf-8");
 response.setContentType("text/html;charset=utf-8");
 PrintWriter out=response.getWriter();
 
 //读文件用到apache的两个包
 //临时存储目录
 File f =new File("f:/ex/temp");//存放临时文件的目录
 DiskFileItemFactory dff=new DiskFileItemFactory(1024*1024*20, f);//允许临时存储文件大小为20M
 
 //解析的文件的工具
 ServletFileUpload sf =new ServletFileUpload(dff);
 sf.setSizeMax(1024*1024*50);//允许存储容量为50M
 sf.setFileSizeMax(1024*1024*20);//单个文件最大容量为 20M
 
 String path=getServletContext().getRealPath("/upFile");//获得文件的所在磁盘的路径--》存储位置
 Photo p =new Photo();
 InputStream in=null;//拷贝流需要
 boolean boo=false;
 FileItem f0=null;//用来删除临时文件
 try {
 List<FileItem> list=sf.parseRequest(request);
 for(FileItem ff:list){</span>
?
1
<span style="font-size:24px;">//前面的都是和之前的那个说的差不多,具体的统计参数就是从这里开始。</span>
?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
<span style="font-size:24px;"> f0=ff;
 if(ff.isFormField()){//这个为描述的内容
  String name=ff.getString("utf-8");//采用utf-8的编码方式去读
  p.setDesc(name);//1 文件的描述
 }else{
  String name=ff.getName();//获得文件本框里面的内容--->整个图片的目录
  //System.out.println("name:"+name);
  String id=UtilsFactory.getUUid();
  p.setId(id);//6
  String dirs=UtilsFactory.getDir(id);//获得文件夹目录----使用uuid一一打散了的
  p.setDir(dirs);//2 打乱之后的目录
  p.setDt(UtilsFactory.getDate());//3 时间
  String relname=name.substring(name.lastIndexOf("/")+1);
  p.setRelName(relname);//4 文件的真实名字
  String ext=name.substring(name.lastIndexOf("."));
  p.setExt(ext);//5 文件扩展名
  p.setIp(request.getRemoteAddr());//7 IP
  boo =MyDao.Add(p);//保存到xml文件中
  if(boo){//保存成功
  path=path+"/"+p.getDir();
  File f1 =new File(path);//判断文件的存储路径是否存在,不存在就创建
  if(!f1.exists()){
  f1.mkdirs();
  }
  in=ff.getInputStream();
  FileUtils.copyInputStreamToFile(in,new File(path+"/"+p.getId()+p.getExt()) );
  }
 }
 }
 } catch (FileUploadException e) {
 boo=false;
 }finally{
 if(f0!=null){
 f0.delete();//删除临时文件
 }
 }</span>

上传除了统计参数,我们需要将数据存储的xml文件中,还需要将图片存储起来。等浏览的时候统一查看。
效果图:

javaWEB实现相册管理的简单功能

统一浏览
浏览基本就是全部将xml文件里面的数据,读出来,然后统一读出来显示。封装在一个list中,将所有的photo数据封装在list集合中

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
//查询所有的对象然后封装成一个list对象返回给前端
 public static List<Photo> getAll(){
 
 List<Photo> list=new ArrayList<Photo>();
 Document dom =DocumentFactory.getDocument();
 Element root=dom.getRootElement();
 Iterator it=root.elementIterator();//这是根节点遍历器
 while(it.hasNext()){
 Element e=(Element) it.next();//找到节点
 Photo p =new Photo();//每一的photo地址不一样,所以必须每次新开空间
 p.setDesc(e.attributeValue("desc"));//文件描述符
 p.setDir(e.attributeValue("dir"));//文件目录
 p.setDt(e.attributeValue("dt"));//时间
 p.setExt(e.attributeValue("ext"));//文件扩展名
 p.setId(e.attributeValue("id"));//uuid生成的id
 p.setIp(e.attributeValue("ip"));
 p.setRelName(e.attributeValue("relname"));
 list.add(p);
 }
 return list;
 }

具体代码:

  1. //浏览相册需要把所有的文件读出来。需要一一去读,所以需要去读所有的xml文件 
  2.  response.setContentType("text/html;charset=utf-8"); 
  3.  request.setCharacterEncoding("utf-8"); 
  4.  PrintWriter out = response.getWriter(); 
  5.  out.println("<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">"); 
  6.  out.println("<HTML>"); 
  7.  out.println(" <HEAD><TITLE>A Servlet</TITLE></HEAD>"); 
  8.  out.println(" <BODY>"); 
  9.  List<Photo> list=MyDao.getAll();//获得所有xml文件里面的内容,数据全部封装到list中 
  10.  String path=getServletContext().getContextPath();//进入web之后要采用相对路径才能访问的到 
  11.  String ss=null
  12.  String imgs=null
  13.  String dt=null
  14.  String relName; 
  15.  String tt=null
  16.  String str = "<table border=1px width='80%'><tr><th>相册名</th><th>时间</th><th>图片显示</th><th>操作</th>"
  17.  out.write(str); 
  18.  for(Photo p:list){ 
  19.  relName=p.getRelName(); 
  20.  dt=p.getDt(); 
  21.  imgs=path+"/upFile/"+p.getDir()+"/"+p.getId()+p.getExt();//完成的文件路径加文件名 
  22.   
  23.  ss="<tr><td>"+relName+"</td><td>"+dt+"</td><td>"+"<a href='"+imgs+"'><img style='border:0px' width='100' height='100' src='"+imgs+"' alt='图片'/></a></td>"
  24.  tt="<td><a href='DownFile?id="+p.getId()+"'>下载</a> <a href='MyDelelte?id="+p.getId()+"'>删除图片</a>"+"</td></tr>";//通过id来区分他们直接的区别 可以进行删除和下载 
  25.  out.write(ss); 
  26.  out.write(tt); 
  27.  } 

效果:

javaWEB实现相册管理的简单功能

单个下载
下载在之前的上传和下载中都说的很清楚了,点击打开链接: 《JavaEE实现前后台交互的文件上传与下载》。

下载的代码中需要注意:需要设置相应头和文件名的传输


  1. 对于下载文件需要主要 首先需要让浏览器知道 设置头 
  2. * response.setContentType("application/force-download");//设置相应头,告诉浏览器这是下载文件 
  3. * 第二就是设置文件名了 
  4. * response.setHeader("Content-Disposition","attachment;filename='"+relName+"'");//下载是那边显示的是原来文件名 

下面是具体的代码:

  1. response.setContentType("application/force-download");//设置相应头,告诉浏览器这是下载文件 
  2.  request.setCharacterEncoding("utf-8"); 
  3.   
  4.  String id=request.getParameter("id"); 
  5.  Photo p=MyDao.getSingalByid(id);//通过id获得要下载的对象 
  6.  //写入真实名字 
  7.  if(p!=null){ 
  8.  String relName1=p.getRelName(); 
  9.  String relName=URLEncoder.encode(relName1, "utf-8"); 
  10.  response.setHeader("Content-Disposition","attachment;filename='"+relName+"'");//下载是那边显示的是原来文件名  
  11.  OutputStream out =response.getOutputStream();//写文件时候需要 
  12.  //路径 
  13.  String path="/upFile/"+p.getDir()+"/"+p.getId()+p.getExt(); 
  14.  String path1 =getServletContext().getRealPath(path); 
  15.   
  16.  System.out.println(path1);//检测 
  17.   
  18.  InputStream in=new FileInputStream(path1); 
  19.   
  20.  byte[] b=new byte[1024]; 
  21.  int len =0; 
  22.  while((len=in.read(b))!=-1){ 
  23.  out.write(b, 0, len); 
  24.  } 
  25.   
  26.  }else
  27.  response.setContentType("utf-8"); 
  28.  PrintWriter pw =response.getWriter(); 
  29.  pw.write("文件不存在无法下载"); 
  30.  } 
  31.  } 

效果图:

javaWEB实现相册管理的简单功能

删除文件
删除文件需要用到的技术相对其他功能
要匹配IP,ID这样才能让删除的时候用权限

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
//删除照片
public static Map<String , Object> deleteByid(String ip,String id) {
 Map<String, Object> map =new HashMap<String, Object>();
 Document dom =DocumentFactory.getDocument();
 Element ele=(Element) dom.selectSingleNode("//photo[@id='"+id.trim()+"']");//xpath的使用
 if(ele==null){
 map.put("success", false);
 map.put("msg", "已经删除");
 return map;
 }else{
 String tempip=ele.attributeValue("ip");
 if(!tempip.equals(ip)){
 map.put("success", false);
 map.put("msg", "你不能删除别人的照片");
 return map;
 }else{
 map.put("success", true);
 //访问成功后,把数据分装成一个值对象,返回给逻辑层 我们这样直接删除,只是xml文件里面的节点删除,但是已经存储的文件是没有删除的
 Photo p =new Photo();
 p.setId(id);
 p.setExt(ele.attributeValue("ext"));
 p.setDir(ele.attributeValue("dir"));
 map.put("photo", p);
 
 //真正的数据删除
 ele.getParent().remove(ele);
 DocumentFactory.Save();
 return map;
 }
 }
?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
request.setCharacterEncoding("utf-8");
 response.setContentType("text/html;charset=utf-8");
 PrintWriter out=response.getWriter();
 String id =request.getParameter("id");//从客户端传过来的消息
 String ip =request.getRemoteAddr();
 Map<String, Object> map =MyDao.deleteByid(ip,id);
 if(map.get("success").equals(false)){//这都是删除不成功的
 out.print("消息为:"+map.get("success"));
 }else{
 Photo p =(Photo) map.get("photo");//根据photo里面的文件名和路径删除文件
 String path=getServletContext().getRealPath("upFile");
 String filename=path+"/"+p.getDir()+"/"+p.getId()+p.getExt();//文件的路径包括文件名
 System.out.println(filename);
 File f=new File(filename);
 if(f.exists()){
 System.out.println(f.getName());
 f.delete();//删除文件
 }
 }
 response.sendRedirect("LookPhoto");//重定向到显示页面
}

整个项目的下载链接: 《javaWEB实现相册管理的简单功能》

正在处于学习中,刚学到这个知识点,技术可能很落后了,但也愿意分享给大家,大家共同进步。