`

Flex+Java文件上传

阅读更多

在研究Flex DataGrid导入excel时,用到了Flex的文件上传功能。 (参见我的Blog:http://cwfmaker.iteye.com/blog/539449) 在Adobe的Flex RIA编程环境下,是无法读取本地文件的(据我所知),但是我们可以依赖于Flex调用后台的代码实现文件上传功能,我这里是利用Flex的URLRequest来向java的Servlet传送一个Http请求(Servlet集成自HttpServlet ,已实现文件上传功能),而Servlet响应请求之后会利用Apcahe的开源Jar包(org.apache.commons.fileupload.servlet.ServletFileUpload类)完成文件的生成。 通过以上原理就可以利用Flex+java实现文件上传。(这里也是参考了网上的一些文章)

 

   java Servlet 代码

package com.yyhy.java.util;

//多文件上传的Java端的类
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.ServletException;
import java.util.List;
import java.util.Iterator;
import java.io.File;
import java.io.IOException;
import java.io.UnsupportedEncodingException;
import java.net.URLDecoder;
import org.apache.commons.fileupload.FileUploadException;
import org.apache.commons.fileupload.disk.DiskFileItemFactory;
import org.apache.commons.fileupload.servlet.ServletFileUpload;
import org.apache.commons.fileupload.FileItem;
import org.apache.log4j.Logger;
import org.apache.commons.lang.ObjectUtils;
import org.springframework.context.ApplicationContext;
import org.springframework.context.support.ClassPathXmlApplicationContext;


public class FileUploadAction extends HttpServlet {

	// 限制文件的上传大小
	private int maxPostSize = 100 * 1024 * 1024;
	//文件上传地址
	private String uploadPath;

	public FileUploadAction() {
		//从配置文件中取得文件上传地址
		setUploadPath();
	}
	public String getUploadPath() {
		return uploadPath;
	}
	public void setUploadPath() {
		//从配置文件中取得文件上传地址
		ApplicationContext context = new ClassPathXmlApplicationContext("applicationContext.xml");
		ServerAddress serverAddressBean=(ServerAddress)context.getBean("ServerAddressBean");
		this.uploadPath = serverAddressBean.getUploadPath().trim();
	}	
	// 文件上传
	public void service(HttpServletRequest request, HttpServletResponse response)
			throws ServletException
			{
			this.doUploadAdd(request, response);
	}
	
	private void logger(String info) {
		System.out.println(info);
	}
	
	protected void doGet(HttpServletRequest request, HttpServletResponse response)   
    throws ServletException, IOException {   
		doUploadAdd(request, response);   
     }
	
	protected void doPost(HttpServletRequest request, HttpServletResponse response)   
    throws ServletException, IOException {   
		doUploadAdd(request, response);   
     }
	
	private void doUploadAdd(HttpServletRequest request,
			HttpServletResponse response) throws ServletException {
		logger("begin to upload");
		try {
			request.setCharacterEncoding("UTF-8");// 防止文件名称带有汉字后传到服务器乱码		
			//建立文件夹
			this.makeDir(uploadPath);
		} catch (UnsupportedEncodingException e) {
			// TODO Auto-generated catch block
			e.printStackTrace();
		}
		saveFiletoServer(request,response,uploadPath);
	}
	
	private void doUploadDelete(HttpServletRequest request,HttpServletResponse response) throws ServletException 
	{
		String dirtyStr = "";//需要删除的文件名(单个文件)或文件夹名列表
		try 
		{
			if (request.getParameter("dirtyStr") != null) {
				dirtyStr=URLDecoder.decode(request.getParameter("dirtyStr"),"utf-8");//前台ENCODE,后台DECODE
				logger("删除的文件(夹)为:" + dirtyStr);
			}
		}
		catch (Exception e) {
			// TODO Auto-generated catch block
			logger(e.getMessage());
		}

		try {
			new DeleteFiles().DeleteModifyFiles(dirtyStr, uploadPath);
		} catch (Exception e) {
			logger(e.getMessage());
		}
	}
	//保存文件到服务器中
	private void saveFiletoServer(HttpServletRequest request,HttpServletResponse response,String uploadPath)
	{
		// 操作文件
		response.setContentType("text/html; charset=UTF-8");
		DiskFileItemFactory factory = new DiskFileItemFactory();
		factory.setSizeThreshold(1024 * 4);
		ServletFileUpload upload = new ServletFileUpload(factory);
		upload.setFileSizeMax(maxPostSize);
		logger("request========" + ObjectUtils.toString(request));
		List fileItems = null;
		try {
			fileItems = upload.parseRequest(request);
			logger("============" + ObjectUtils.toString(fileItems));
			Iterator iter = fileItems.iterator();
			while (iter.hasNext()) {
				FileItem item = (FileItem) iter.next();
				log(item.toString());
				if (!item.isFormField()) {
					String name = item.getName();
					logger("上传的文件名 = " + name);
					try {
						item.write(new File(uploadPath + name));
					} catch (Exception ex) {
						logger(ex.getMessage());
					}
				}
			}
		} catch (FileUploadException ex1) {
			logger("FileUploadException->" + ex1.getMessage());
		}
	}
	// 建立文件夹路径
	private boolean makeDir(String uploadPath) {
		boolean isOK = false;
		try {
			File file = new File(uploadPath);
			file.mkdirs();
			isOK = true;
		} catch (Exception e) {
			isOK = false;
		} finally {
			return isOK;
		}
	}
	// 建立文件夹路径
	private boolean makeDirs(String uploadPath, String newDocStr) {
		boolean isOK = false;
		File file;
		String[] temp;
		try {
			temp = newDocStr.split(",");
			for (int i = 0; i < temp.length; i++) {
				file = new File(uploadPath + temp[i] + "\\");
				file.mkdirs();
			}
			isOK = true;
		} catch (Exception e) {
			isOK = false;
		} finally {
			return isOK;
		}
	}
}

   

 

    Flex前台代码:

<?xml version="1.0" encoding="utf-8"?>
<mx:TitleWindow xmlns:fx="http://ns.adobe.com/mxml/2009" 
				xmlns:s="library://ns.adobe.com/flex/spark" 
				xmlns:mx="library://ns.adobe.com/flex/halo" layout="absolute" width="400" height="300"
			    creationComplete="CreationCompletedHandler()"
			    showCloseButton="true">
	<fx:Script>
		<![CDATA[
			import mx.controls.Alert;
			import mx.events.CloseEvent;
			import mx.managers.PopUpManager;
			import mx.utils.StringUtil;
			
			[Bindable]
			private var _filename:String;

			public function get filename():String
			{
				return _filename;
			}

			public function set filename(value:String):void
			{
				_filename = value;
			}

			
			[Bindable]
			private var _file:FileReference=new FileReference(); 

			public function get file():FileReference
			{
				return _file;
			}

			public function set file(value:FileReference):void
			{
				_file = value;
			}


			[Bindable]
			private var _serveraddress:String;

			public function get serveraddress():String
			{
				return _serveraddress;
			}

			public function set serveraddress(value:String):void
			{
				_serveraddress = value;
			}

			/**creationComplete完成之后调用,获取服务器地址,建立事件监听
			 * @param null
			 * @author 陈文锋 54cwf@163.com
			 * @return void
			 * */
			public function CreationCompletedHandler():void
			{   
				Security.allowDomain("*");
				var urlLoader:URLLoader=new URLLoader(new URLRequest("assets/conf/ServerAddressConfig.xml"));
				urlLoader.addEventListener(Event.COMPLETE,CompletedHandler);
				this.addEventListener(Event.CLOSE,TitleWindowClose);
				file.addEventListener(ProgressEvent.PROGRESS,progressHandler);
				file.addEventListener(Event.SELECT,selectedHandler);
				file.addEventListener(IOErrorEvent.IO_ERROR,ioErrorHandler);
			}
			
			private function ioErrorHandler(e:IOErrorEvent):void
			{
				Alert.show(e.toString());
			}
			
			private function progressHandler(e:ProgressEvent):void
			{
				lblProgress.text = " 已上传 " + e.bytesLoaded    
					+ " 字节,共 " + e.bytesTotal + " 字节";   
				var proc: uint = e.bytesLoaded / e.bytesTotal * 100;   
				uploadbar.setProgress(proc, 100);   
				uploadbar.label= "当前进度: " + " " + proc + "%"; 
			}
			
			/**Event事件监听处理函数,弹出上传提示窗口
			 * @param e,Event类型事件参数
			 * @author  54cwf@163.com
			 * @return void
			 * */
			private function selectedHandler(e:Event):void
			{
				Alert.show("上传 " + file.name + " (共 "+Math.round(file.size/1024)+"KB)?",   
					"确认上传",   
					Alert.YES|Alert.NO,   
					null,   
					proceedWithUpload);
			}
			
			/**CloseEvent事件监听处理函数,访问upload的servlet服务
			 * @param e,Event类型事件参数
			 * @author  54cwf@163.com
			 * @return void
			 * */
			private function proceedWithUpload(e:CloseEvent): void{   
				if (e.detail == Alert.YES)
				{   
					filename=file.name;
					var request:URLRequest = new URLRequest(StringUtil.trim(serveraddress));   
					try 
					{   
						file.upload(request);   
					} 
					catch (error:Error) 
					{   
						Alert.show("上传失败","错误");
					}   
					
				}   
			} 
			
			private function upload(): void{ 
				var typefiter:FileFilter=new FileFilter("Excel","*.xls");
				file.browse([typefiter]);   
			}
			
			/**CloseEvent事件监听处理函数,关闭TitleWindow弹出窗口
			 * @param e,事件参数
			 * @author  54cwf@163.com
			 * @return void
			 * */
			private function TitleWindowClose(e:CloseEvent):void
			{
				PopUpManager.removePopUp(this);
			}
			
			/**Event事件监听处理函数,获取配置文件的文件上传路径
			 * @param e,事件参数
			 * @author  54cwf@163.com
			 * @return void
			 * */
			private function CompletedHandler(e:Event):void
			{
				var configurationxml:XML=XML((URLLoader(e.target).data));
				serveraddress=configurationxml.filesinservername;
			}
		]]>
	</fx:Script>
	<mx:Canvas width="100%" height="100%">   
		<mx:VBox width="100%" horizontalAlign="center">   
			<mx:Label id="lblProgress" text="上传"/>   
			<mx:ProgressBar id="uploadbar" labelPlacement="bottom" themeColor="#F20D7A"   
							minimum="0" visible="true" maximum="100" label="当前进度: 0%"      
							direction="right" mode="manual" width="200"/>   
			<mx:Button label="上传文件" click="upload()"/>                
		</mx:VBox>
	</mx:Canvas> 
</mx:TitleWindow>

 

分享到:
评论
6 楼 cwfmaker 2010-04-15  
phenom 写道
说句不好听的,善于FlexJAVA上传的文章这里前面已经有好几篇了,没看出LZ的特殊在哪里,

不好意思,貌似我没有提到我的方法有特殊之处,我也说明了参考了一些网上的文章。
5 楼 phenom 2010-04-14  
说句不好听的,善于FlexJAVA上传的文章这里前面已经有好几篇了,没看出LZ的特殊在哪里,
4 楼 cwfmaker 2010-04-12  
287854442 写道
建议楼主贴出来,还有这个ServerAddress 是干什么的?serverAddressBean=(ServerAddress)context.getBean("ServerAddressBean");
希望也把ServerAddressBean的代码也贴出来。

你说的这个是用来在配置文件中配置服务器URL路径的bean,你可以自己在Application.xml增加一个同名的bean
3 楼 287854442 2010-04-12  
建议楼主贴出来,还有这个ServerAddress 是干什么的?serverAddressBean=(ServerAddress)context.getBean("ServerAddressBean");
希望也把ServerAddressBean的代码也贴出来。
2 楼 cwfmaker 2010-03-10  
我这只是列出了基本的方法,至于那个文件则是存储服务器地址的
1 楼 zuozhengfeng 2010-03-10  
var urlLoader:URLLoader=new URLLoader(new URLRequest("assets/conf/ServerAddressConfig.xml")); 

这个XML文件怎么不传上来啊!

相关推荐

    flex+java文件上传

    Flex和Java文件上传技术是Web应用中常见的功能,主要用于用户在网页端上传本地文件到服务器。Flex是一款由Adobe公司开发的开源框架,主要用于构建富互联网应用程序(Rich Internet Applications,RIA)。它基于...

    Flex+Java 文件上传

    在本文中,我们将深入探讨如何实现Flex与Java Servlet结合进行文件上传。首先,我们需要了解Flex是一种基于Adobe AIR的开源框架,用于构建富互联网应用程序(RIA),而Java Servlet是Java平台上的一个标准,用于处理...

    flex+java文件上传完整实例

    本示例“flex+java文件上传完整实例”提供了一个完善的解决方案,它结合了Adobe Flex前端技术和Java后端技术,实现了用户友好的文件上传功能。Flex是一种开源的RIA(富互联网应用)开发框架,而Java则提供了强大的...

    Flex+Java、PHP 批量上传实例文档

    Flex+Java、PHP 批量上传实例文档Flex+Java、PHP 批量上传实例文档Flex+Java、PHP 批量上传实例文档Flex+Java、PHP 批量上传实例文档Flex+Java、PHP 批量上传实例文档Flex+Java、PHP 批量上传实例文档Flex+Java、...

    Flex+Java Servlet处理文件上传

    Flex+Java Servlet处理文件上传 关于上传文件

    Flex+Java多文件上传

    标题中的“Flex+Java多文件上传”指的是使用Adobe Flex(一种富互联网应用程序开发框架)与Java技术相结合,实现用户在Web应用中上传多个文件的功能。这个功能通常涉及到前端的用户界面设计、后端的文件处理逻辑以及...

    Flex4.6+java+servlet上传图片例子+图片上传预览

    FileReference对象可以监听“uploadCompleteData”事件,当文件上传成功时触发。同时,通过Flash Player的StageVideo或者BitmapData类,Flex可以实现图片的实时预览功能。 在后端,Java Servlet会接收到HTTP请求,...

    xyzp_flex_flex+java的档案管理系统_Flex+Java_XYZP_

    1. 档案上传:用户可以通过友好的界面将各种格式的文档上传到系统中,系统会自动对文件进行分类、命名和版本管理。 2. 档案检索:利用全文搜索引擎或自定义索引,用户可以快速找到所需档案,支持关键词、日期、作者...

    Flex+Java+BlazeDS多文件上传

    本项目“Flex+Java+BlazeDS多文件上传”提供了一个完整的解决方案,利用Adobe Flex作为前端客户端,Java作为后端服务器,BlazeDS作为两者之间的通信桥梁。以下是这个项目涉及的关键知识点的详细解释。 1. **Flex**:...

    Flex+Java Servlet文件上传实例

    【标题】"Flex+Java Servlet文件上传实例"指的是一个结合了Adobe Flex前端技术和Java Servlet后端技术的文件上传系统。Flex是一种基于ActionScript和Flash Player的开放源代码框架,用于构建富互联网应用程序(RIA)...

    flex3+java文件上传

    在提供的压缩包“flex3+java文件上传”中,可能包含了一个完整的示例项目,包括Flex的源代码、Java的Servlet代码以及必要的配置文件。导入这个项目后,可以直接运行并测试文件上传功能,这对于学习和理解Flex3与Java...

    Flex+Java Servlet处理文件上传.doc

    Flex+Java Servlet处理文件上传

    flex + java上传

    本教程将深入探讨如何结合Flex前端和Java后端实现文件上传功能。 1. Flex基础知识: - Flex是ActionScript 3.0的框架,用于创建具有交互性和动态UI的Web应用。 - Flex项目通常由.mxml和.as文件组成,mxml用于定义...

    Flex+Java 实现文件上传

    **标签** "Flex Java 文件上传" 暗示了此压缩包可能包含的代码示例或教程,涵盖了Flex前端与Java后端之间的通信,以及处理文件操作的相关代码。文件名列表未给出完整信息,但通常可能包括ActionScript类文件(如`.as...

    Flex+java上传开发工具包

    Flex+Java上传开发工具包是用于构建Web应用中文件上传功能的一种技术组合。在这个工具包中,主要包括两个关键的库文件:comm-fileupload1.2.jar和comm-io.jar。这两个库文件分别扮演着不同的角色,共同协作以实现...

Global site tag (gtag.js) - Google Analytics