转自：http://wangcheng.iteye.com/blog/175146

 

使用Flex + Java实现文件上传

 

Flex主要使用FileReference，代码如下

Xml代码 复制代码 收藏代码
  1. <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"
  2. creationComplete="init()">
  4. <mx:Script>
  5. [CDATA[
  7. private const defaultRequestUrl : String = "http://localhost:8080/flexFileUploadServer/uploadServlet.do";
  9. private var file : FileReference;
  11. private function init():void {
  12. Security.allowDomain("*");
  14. file = new FileReference();
  15. file.addEventListener(Event.SELECT, onFileSelect);
  16. file.addEventListener(ProgressEvent.PROGRESS, progressHandle);
  17. file.addEventListener(Event.COMPLETE, completeHandle);
  18. //file.addEventListener(Event.OPEN, openHandle);
  19. //file.addEventListener(IOErrorEvent.IO_ERROR, ioErrorHandler);
  20. //file.addEventListener(Event.CANCEL, cancelHandler);
  21. }
  23. private function onClickBrowserBtn() : void {
  24. file.browse(getTypeFilter());
  25. }
  27. private function getTypeFilter() : Array {
  28. var imagesFilter:FileFilter = new FileFilter("Images (*.jpg, *.jpeg, *.gif, *.png)", "*.jpg;*.jpeg;*.gif;*.png");
  29. //var docFilter:FileFilter = new FileFilter("Documents", "*.pdf;*.doc;*.txt");
  31. return [imagesFilter];
  32. }
  34. private function onFileSelect(event : Event) : void {
  35. uploadBtn.enabled = true;
  36. infoText.htmlText =
  37. "Name: " + file.name + "<br/>" +
  38. "Size: " + file.size + "<br/>" +
  39. "Type: " + file.type + "<br/>" +
  40. "Date: " + file.creationDate;
  41. }
  43. private function onClickUploadBtn() : void {
  44. var request : URLRequest = new URLRequest(defaultRequestUrl);
  45. request.data = "userId=123";
  46. file.upload(request);
  47. }
  49. private function progressHandle(event : ProgressEvent) : void {
  50. progressLabel.text = "complete " + event.bytesLoaded + " bytes";
  51. var fileUploadPercent : uint = event.bytesLoaded / event.bytesTotal * 100;
  52. uploadProgressBar.setProgress(fileUploadPercent, 100);
  53. uploadProgressBar.label = "Complete " + fileUploadPercent + "%";
  54. }
  56. private function completeHandle(event : Event) : void {
  57. infoText.htmlText = "Upload " + file.name + " Complete!";
  58. uploadBtn.enabled = false;
  59. }
  60. ]]
  61. </mx:Script>
  63. <mx:Button id="browserBtn" x="10" y="69" label="Browser"
  64. click="onClickBrowserBtn()"/>
  66. <mx:Button id="uploadBtn" x="236" y="69" label="Upload" enabled="false"
  67. click="onClickUploadBtn()"/>
  69. <mx:ProgressBar id="uploadProgressBar" x="10" y="33" width="291"
  70. themeColor="#009dff" maximum="100" direction="right" mode="manual"/>
  72. <mx:TextArea id="infoText" x="10" y="99" width="291" height="131"/>
  73. <mx:Label id="progressLabel" x="10" y="10" width="291"/>
  75. </mx:Application>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"
	creationComplete="init()">
	
	<mx:Script>
		[CDATA[
			
			private const defaultRequestUrl : String = "http://localhost:8080/flexFileUploadServer/uploadServlet.do";
			
			private var file : FileReference;
			
			private function init():void {
				Security.allowDomain("*");
				
				file = new FileReference();
				file.addEventListener(Event.SELECT, onFileSelect);
				file.addEventListener(ProgressEvent.PROGRESS, progressHandle);
				file.addEventListener(Event.COMPLETE, completeHandle);
				//file.addEventListener(Event.OPEN, openHandle);
				//file.addEventListener(IOErrorEvent.IO_ERROR, ioErrorHandler);
				//file.addEventListener(Event.CANCEL, cancelHandler);
			}
			
			private function onClickBrowserBtn() : void {
				file.browse(getTypeFilter());
			}
			
			private function getTypeFilter() : Array {
				var imagesFilter:FileFilter = new FileFilter("Images (*.jpg, *.jpeg, *.gif, *.png)", "*.jpg;*.jpeg;*.gif;*.png");
				//var docFilter:FileFilter = new FileFilter("Documents", "*.pdf;*.doc;*.txt");
				
				return [imagesFilter];
			}
			
			private function onFileSelect(event : Event) : void {
				uploadBtn.enabled = true;
				infoText.htmlText = 
					"Name: " + file.name + "<br/>" + 
					"Size: " + file.size + "<br/>" + 
					"Type: " + file.type + "<br/>" + 
					"Date: " + file.creationDate;
			}
			
			private function onClickUploadBtn() : void {
				var request : URLRequest = new URLRequest(defaultRequestUrl);
				request.data = "userId=123";
				file.upload(request);
			}
			
			private function progressHandle(event : ProgressEvent) : void {
				progressLabel.text = "complete " + event.bytesLoaded + " bytes";
				var fileUploadPercent : uint = event.bytesLoaded / event.bytesTotal * 100;
				uploadProgressBar.setProgress(fileUploadPercent, 100);
				uploadProgressBar.label = "Complete " + fileUploadPercent + "%";
			}
			
			private function completeHandle(event : Event) : void {
				infoText.htmlText = "Upload " + file.name + " Complete!";
				uploadBtn.enabled = false;
			}
		]]
	</mx:Script>
	
	<mx:Button id="browserBtn" x="10" y="69" label="Browser" 
		click="onClickBrowserBtn()"/>
		
	<mx:Button id="uploadBtn" x="236" y="69" label="Upload" enabled="false" 
		click="onClickUploadBtn()"/>
		
	<mx:ProgressBar id="uploadProgressBar" x="10" y="33" width="291" 
		themeColor="#009dff" maximum="100" direction="right" mode="manual"/>
		
	<mx:TextArea id="infoText" x="10" y="99" width="291" height="131"/>
	<mx:Label id="progressLabel" x="10" y="10" width="291"/>
	
</mx:Application>

 

 

Java使用Spring的MultipartHttpServletRequest, 代码如下

Java代码 复制代码 收藏代码
  1. public void saveFile(HttpServletRequest request, HttpServletResponse response)
  2. throws IllegalStateException, IOException {
  4. CommonsMultipartResolver commonsMultipartResolver =
  5. new CommonsMultipartResolver(request.getSession().getServletContext());
  6. commonsMultipartResolver.setDefaultEncoding("utf-8");
  8. if (commonsMultipartResolver.isMultipart(request)) {
  9. MultipartHttpServletRequest multipartRequest =
  10. commonsMultipartResolver.resolveMultipart(request);
  12. Iterator iter = multipartRequest.getFileNames();
  13. for (;iter.hasNext();) {
  14. MultipartFile file = multipartRequest.getFile((String)iter.next());
  15. if (file != null) {
  16. File localFile = new File(file.getOriginalFilename());
  17. file.transferTo(localFile);
  18. }
  19. }
  20. System.out.println("userId: " + request.getParameter("userId"));
  21. }
  22. }
	public void saveFile(HttpServletRequest request, HttpServletResponse response) 
		throws IllegalStateException, IOException {
		
		CommonsMultipartResolver commonsMultipartResolver = 
			new CommonsMultipartResolver(request.getSession().getServletContext());
		commonsMultipartResolver.setDefaultEncoding("utf-8");
		
		if (commonsMultipartResolver.isMultipart(request)) {  
			MultipartHttpServletRequest multipartRequest = 
				commonsMultipartResolver.resolveMultipart(request);  

			Iterator iter = multipartRequest.getFileNames();
			for (;iter.hasNext();) {
				MultipartFile file = multipartRequest.getFile((String)iter.next());
				if (file != null) {
					File localFile = new File(file.getOriginalFilename());
					file.transferTo(localFile);
				}
			} 
			System.out.println("userId: " + request.getParameter("userId"));
		}
	}

 

当然也可以采用纯commons-fileupload-1.1.1.jar的实现代码，这个网上例子很多，这里就不写了。

 

参考

http://www.cnblogs.com/dannyr/archive/2006/11/13/559006.html

http://swingchen.bokee.com/5943371.html