`
wangyalei
  • 浏览: 53755 次
  • 性别: Icon_minigender_1
  • 来自: 济南
社区版块
存档分类
最新评论

传统上转与Struts2上转详解

阅读更多

上转 下载 大家都做过 不过 Struts2提供了 更加方便的 方式 来实现上转 必须注意事项

  • 设置表单元素 enctype 属性 与 method 属性
  •  我们要用到的jar包

   commons-io-1.3.2.jar(http://jakarta.apache.org/commons/io/)
   commons-fileupload-1.2.1.jar(http://commons.apache.org/fileupload/)

 

  enctype属性指定的是表单数据的编码方式,该属性有如下3个值

  •  application/x-www-form-urlencoded: 这是默认的编码方式,它只处理表单域的value属性值,采用这中编码方式的表单域将表单的值处理成URL编码方式

 

  • multipart/form-data: 这中编码方式会以二进制的方式处理表单数据,这种编码
      方式会把文件域指定文件的内容也封住到请求参数里

 

  • text/plain: 这种编码方式当表单的action属性为mailto:Url的形式时比较方便
      这种方式主要使用于直接通过表单发送邮件的方式。

        废话也不说了 完成一个上转照片的例子 和QQ空间的上转照片的模式一样

 

       页面端:

          

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>。。。。上转照片</title>

<script language="javascript">

	var count;
	
	
  function FoceFile(){
        
        document.getElementById("showfile").innerHTML="选择你要上传的图片";
        
        }


  function BlurFile(){

        file = document.formAlbum.albumname.value;
           if(file == ""){
              document.getElementById("showfile").innerHTML="<font color=\"red\">请选择你要上传的图片</font>";
             }
      }

  function FoceCount(){

    document.getElementById("showcount").innerHTML="你可以为你选择的图片添加备注";

  }

 function BlurCount(){
          count =document.formAlbum.count.value;
          if(count == ""){
           document.getElementById("showcount").innerHTML="<font color=\"red\">备注为空,系统默认命名为未知</font>";
            }
     }
 
 
 	function sumbitAlbum(){
 	   
 	    if(count == ""){
 	       count = "未知";
 	    }
	   if(file ==""){
	    alert("请选择上传的图片");
	    return;
	    }
		  document.formAlbum.action="photo?parm=add&count="+count;
		  document.formAlbum.submit();
	}
 
</script>

</head>

<body>
<form id="form1" name="formAlbum" enctype="multipart/form-data" method="post" action="">
<div id="Layer3">
  <table width="939" height="217" border="1" align="center" bordercolor="#FBFBD9">
    <tr>
      <td width="212" height="51"><span class="STYLE2">上 转 照 片</span></td>
      <td width="98">&nbsp;</td>
      <td width="235">&nbsp;</td>
      <td width="299">&nbsp;</td>
      <td width="61">&nbsp;</td>
    </tr>
    <tr>
      <td height="20" colspan="5"><span class="STYLE5 STYLE3"><em>欢迎使用上传照片功能,在这里您可以把你喜爱的照片加入到你的相册,注意上转的图片不得大于3M</em></span> <strong>ENJOY!</strong></td>
    </tr>
    <tr>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>&nbsp;</td>
      <td><div align="right"><span class="STYLE1">上转照片:</span></div></td>
      <td>
        <label>
          <input name="albumname" type="file" id="albumname" onfocus="FoceFile()" onblur="BlurFile()"/>
          </label>      </td>
      <td><div align="left" id="showfile"></div></td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>&nbsp;</td>
      <td><div align="right"><span class="STYLE1">照片备注:</span></div></td>
      <td><label>
        <input name="count" type="text" id="count"  onfocus="FoceCount()" onblur="BlurCount()"/>
      </label></td>
      <td><div align="left" id="showcount"></div></td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td height="17">&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td><label>
        <input type="button" name="Submit" value="创   建"  onclick="sumbitAlbum()"/>
        <input type="reset" name="Submit2" value="重   置" />
      </label></td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
  </table>
</div>
</form>
</body>
</html>

 

  web.xml

 

  <!-- 相片service -->
   <servlet>
         <servlet-name>photo</servlet-name>
         <servlet-class>com.album.service.PhotoServlet</servlet-class>
   </servlet>
   <servlet-mapping>
        <servlet-name>photo</servlet-name>
        <url-pattern>/photo</url-pattern>
   </servlet-mapping>

 

 PhotoServlet(注意 上传时需要 一个临时目录 在这个我是手动创建的 在webroot 目录下 建名为 UploadImages 的空文件 )

 

package com.album.service;

import java.io.File;
import java.io.IOException;
import java.io.PrintWriter;
import java.util.List;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;


import com.album.dao.imple.PhtotoDaoImple;
import com.album.domain.PhotoInfo;
import com.album.util.UploadImages;

public class PhotoServlet extends HttpServlet {

	private static final long serialVersionUID = 1L;
	
	@Override
	protected void doGet(HttpServletRequest req, HttpServletResponse resp)
			throws ServletException, IOException {
				this.doPost(req, resp);
	}

	@SuppressWarnings("deprecation")
	@Override
	protected void doPost(HttpServletRequest req, HttpServletResponse resp)
			throws ServletException, IOException {
		     req.setCharacterEncoding("gbk");
	         resp.setCharacterEncoding("gbk");
	         resp.setContentType("text/html;charset=gbk");
	         PrintWriter out = resp.getWriter();
		      String parm = req.getParameter("parm");
				
				if(parm.equals("show")){
					//显示所有 相片
				   /.............
	                   
				}else if(parm.equals("add")){
					//增加相片
					//req.getRealPath("/")得到项目所在的根目录
					 String tempPath = req.getRealPath("/")+"UploadImages";//临时放图片的缓存区
				     String username =(String) req.getSession().getAttribute("userName");
					 // this.getServletContext().getRealPath("")得到servlet上下文的路径 -----》 项目所在的tomcat的目录
				     String uploadpath= this.getServletContext().getRealPath("")+"\\PhotoAlbum\\"+username+"\\photo";//图片存放的磁盘位置
					 UploadImages upload = new UploadImages(req,tempPath,uploadpath);// 调用UPloadImage类的方法
					 int falg=upload.uploadPhoto();
					  switch (falg) {
					case 1:
						out.println("<script language=\"javascript\">alert(\"图片文件超过3M,请重新选择\");window.location=\"gphoto.html\"</script>");
						break;
					case 2:
						out.println("<script language=\"javascript\">alert(\"文件名为空,请重新选择\");window.location=\"gphoto.html\"</script>");
						break;
					case 3:
						out.println("<script language=\"javascript\">alert(\"文件类型不匹配\");window.location=\"gphoto.html\"</script>");
						break;
					case 4:
						//插入数据库
						//得到文件名
					/...........
				
			         }
							
					
		}else if(parm.equals("del")){
					//删除相册
					/.....
	  }
					
 }

 

 UploadImage 类

package com.album.util;

import java.io.File;
import java.util.Iterator;
import java.util.List;

import javax.servlet.http.HttpServletRequest;

import org.apache.commons.fileupload.FileItem;
import org.apache.commons.fileupload.FileUploadException;
import org.apache.commons.fileupload.FileUploadBase.SizeLimitExceededException;
import org.apache.commons.fileupload.disk.DiskFileItemFactory;
import org.apache.commons.fileupload.servlet.ServletFileUpload;

/*******************************************************************************
 * 本类是完成图片的上传功能
 * <p>
 * 通过上转组件完成
 * 
 * @author 王亚磊
 * 
 */

public class UploadImages {

	private HttpServletRequest request;// 待处理的请求对象,从请求中分析出上转文件
	private String tempPath;// 上转是产生的临时文件的路径
	private String uploadPath;// 上传文件保存的路径

	private String saveFileName = "";// 保存的文件名
	private final String[] filetype = new String[] { "jpg", "jpeg", "gif",
			"bmp" };// 上转类型

	public UploadImages(HttpServletRequest request, String tempPath,
			String uploadPath) {

		this.request = request;
		this.tempPath = tempPath;
		this.uploadPath = uploadPath;

	}

	@SuppressWarnings("unchecked")
	public int uploadPhoto() {
		int falg = 0;
		long filesize = 4 * 1024 * 1024;// 设置文件上传大小 为 4M
		// 磁盘文件列表工厂
		DiskFileItemFactory dfif = new DiskFileItemFactory();
		// 设置缓冲区大小
		dfif.setSizeThreshold(4096);
		// 设置上转文件的临时路径
		dfif.setRepository(new File(tempPath));
		// 设置上传文件对象,用于设置上传文件属性及实现文件上传
		ServletFileUpload sfu = new ServletFileUpload(dfif);
		sfu.setSizeMax(filesize);// 上传大小
		List filelist = null;
		try {
			// 从请求中取出所有的表单域对象 返回的是一个List 也可以用泛型来做 List<FileItem>
			filelist = sfu.parseRequest(request);
		} catch (FileUploadException e) {
			// TODO Auto-generated catch block
			if (e instanceof SizeLimitExceededException) {
				falg = 1;
				return falg;
			}
			e.printStackTrace();
		}

		// 遍历循环 取出 表单域中的值
		Iterator fileitor = filelist.iterator();
		while (fileitor.hasNext()) {

			FileItem fileitem = (FileItem) fileitor.next();
			if (fileitem != null && !fileitem.isFormField()) {
				long size = 0L;
				size = fileitem.getSize();
				String path = fileitem.getName();
				if (size == 0 || path.equals("")) {// 判断上转路径 及其大小
					falg = 2;
					break;
				} else {
				      boolean flagtype = this.checkFileType(path);// 检测文件的扩展名
					if (flagtype == false) {
						falg = 3;
						break;
					} else {
						try {
							File userAlbumPath = new File(uploadPath);
						      if (!userAlbumPath.isDirectory()
									&& !userAlbumPath.isFile()) {
							   userAlbumPath.mkdirs();
							}
							fileitem.write(new File(userAlbumPath, saveFileName));
							falg = 4;
						} catch (Exception e) {
							// TODO Auto-generated catch block
							e.printStackTrace();
						}
					}
				}
			}
		}
		return falg;
	}

	// 判断文件上传类型 并用随即生成 文件名 防止 文件名相同而被代替

	private boolean checkFileType(String filename) {
		// TODO Auto-generated method stub
		boolean typeflag = false;
		String fullname = filename.substring(filename.lastIndexOf("\\") + 1);
		String typename = fullname.substring(fullname.lastIndexOf(".") + 1);
		int allowedExtCount = filetype.length;
		for (int i = 0; i < allowedExtCount; i++) {
			if (filetype[i].equals(typename)) {
				long now = System.currentTimeMillis();
				String prefix = String.valueOf(now);
				saveFileName = prefix + "." + typename;
				typeflag = true;
				break;
			}
		}
		return typeflag;
	}

	public String getSaveFileName() {

		return this.saveFileName;
	}
}

  

  以上就是 普通的上转是不是 很繁琐 虽然不难 但很麻烦 ,Struts2提供的上转机制虽然也是建立在这个上转组件之上的

  但他又对此进行了包装 使用很方便 下面 还是这个例子 我们用Struts2来完成

  第一步 指定 上转文件的解析器 Struts2提供了三种解析器(默认的就是 commons-fileupload)

 

# struts.multipart.parser=cos
# struts.multipart.parser=pell
 struts.multipart.parser=jakarta

 

 

分享到:
评论

相关推荐

    Struts2应用开发详解05

    完成后,可以通过在配置文件中注册`Converter`,或者使用注解`@Converter`标记在类上,使Struts2能够识别并使用这个自定义转换器。 在实际应用中,批量类型转换特别适用于处理数组、列表或Map等集合数据类型。例如...

    struts2搭建详解

    在本教程中,我们将深入探讨如何搭建一个基本的Struts2项目,以及它与Struts1.x的主要区别。 首先,要搭建Struts2项目,我们需要准备一些必要的库文件。这些库文件包括:struts2-core、xwork、commons-logging、...

    struts2讲义

    与传统的Java Web开发相比,Struts2提供了更为简洁和高效的开发方式。 ##### 1.2 Struts2与Struts1的区别 - **Struts2** 和 **Struts1** 虽然名字相似,但它们之间并没有直接的继承关系。实际上,Struts2的内核是...

    Hibernate与struts2结合使用的demo

    **Struts2框架详解** Struts2是Struts1的升级版,它基于拦截器模型,提供了更灵活的控制流。Struts2的核心组件包括Action(业务逻辑处理)、Result(展示结果)、Interceptor(拦截器)和配置文件(struts.xml)。...

    struts2与dwr整合实例

    Struts2和DWR(Direct Web ...综上所述,Struts2和DWR的整合能够提供一个强大的前后端交互解决方案,使得Web应用具有更好的用户体验。在实践中,开发者需要对这两个框架有深入的理解,并灵活应对可能出现的技术挑战。

    struts2.pdf

    - **Pull-MVC架构**:与传统的Struts1相比,Struts2采用了一种称为“Pull MVC”的设计模式。这意味着视图组件(如JSP页面)可以从Action中直接获取数据,而无需像Struts1那样需要将数据存储在特定的域对象中。这种...

    Struts2资源

    与传统的Struts1相比,Struts2采用了全新的设计理念和技术栈,它以WebWork为核心,通过拦截器机制来处理用户请求,实现了业务逻辑控制器与Servlet API的完全分离。 #### 二、Struts2的核心设计理念 Struts2的设计...

    Struts2的ajax支持

    ### Struts2的Ajax支持详解 #### Ajax概述与Struts2的融合 在现代Web2.0技术蓬勃发展的背景下,Ajax技术因其能够实现网页的异步加载与交互性提升,成为了构建动态网页的重要组成部分。Struts2框架,作为Java Web...

    Struts2学习笔记与心得

    ### Struts2与Struts1对比及特性解析 #### 一、Struts2与Struts1的区别 在探讨Struts2的学习心得之前,我们先来分析一下Struts2与Struts1之间的区别。 ##### 1.1 架构设计 - **Struts1**:采用MVC(Model-View-...

    .Struts2整合Hibernate深入详解

    《Struts2整合Hibernate深入详解》是一篇针对Java开发者的重要教程,主要探讨如何在Web应用程序中有效地结合两个流行的技术框架——Struts2和Hibernate。Struts2是一个强大的MVC(Model-View-Controller)框架,提供...

    Struts2基础面试题

    ### Struts2基础面试题详解 #### 1. Struts2的核心控制器及其性质 - **Struts1的核心控制器**:在Struts1框架中,核心控制器是`ActionServlet`,这是一个实现了`HttpServlet`接口的类,因此本质上是一个Servlet。 ...

    Struts2标签库详解

    Struts2是一个强大的MVC(模型-视图-控制器)框架,它极大地简化了Java Web应用的开发。在Struts2框架中,标签库是其核心特性之一,它提供了丰富的预定义标签,使得开发者能够在JSP页面中更方便地处理业务逻辑和展现...

    STRUTS2:零配置插件CodeBehind

    通过结合使用Zero Config与CodeBehind插件,开发者可以在很大程度上减少Struts2项目中的配置负担,使代码更加简洁易读。这两个插件的出现进一步提高了Struts2框架的灵活性和易用性,使得开发过程更加高效。

    struts 2 action 动态调用

    ### Struts 2 Action 动态方法调用详解 #### 一、引言 在Struts 2框架中,Action动态方法调用是一项非常实用的功能。它允许开发者在一个Action类中定义多个处理方法,而不仅仅局限于传统的`execute()`方法。这种...

    struts2学习文档(含截图)

    - **设计模式**:Struts1采用传统的MVC设计模式,而Struts2则采用了更先进的拦截器模式,使得框架更加灵活且易于扩展。 #### 四、Struts2配置详解 - **namespace**:用于区分不同的应用上下文,避免不同模块间的...

Global site tag (gtag.js) - Google Analytics