Flex多文件上传-程序员宅基地

技术标签: exception  application  string  flex  function  技术博文  Flex  FLEX  String  Application  FUNCTION  Exception  

用flash builder4.0+javaee做的多文件上传的小例子,关于环境配置就不多讲了,这个可以百度google一下,应该一大把。

界面大致如下:


源码:FlexMutifileUpload.mxml

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
			   xmlns:s="library://ns.adobe.com/flex/spark" 
			   xmlns:mx="library://ns.adobe.com/flex/mx"
			   creationComplete="application1_creationCompleteHandler(event)" 
			   minWidth="955" minHeight="600">
	<fx:Script>
		<![CDATA[
			import mx.collections.ArrayCollection;
			import mx.controls.Alert;
			import mx.core.FlexGlobals;
			import mx.events.FlexEvent;
			import mx.formatters.DateFormatter;
			import mx.utils.URLUtil;
			private var fileRefList:FileReferenceList=new FileReferenceList();
			
			public var fileAC:ArrayCollection=new ArrayCollection();
			public var tempAC:ArrayCollection=new ArrayCollection();
			
			private var date_ext:String="";
			private var request:URLRequest;
			
		//	public var serverName:String=URLUtil.getServerName(FlexGlobals.topLevelApplication.url);
	    //		public var serverPort:int=URLUtil.getPort(FlexGlobals.topLevelApplication.url);
			
			
			protected function application1_creationCompleteHandler(event:FlexEvent):void
			{
				// TODO Auto-generated method stub
				fileRefList.addEventListener(Event.SELECT,fileSelectedHandler);
			}
			
			protected function fileSelectedHandler(event:Event):void
			{
				for(var i:int=0;i<fileRefList.fileList.length;i++)
				{
					var fileRef:FileReference=FileReference(fileRefList.fileList[i]);
					var obj:Object=new Object();
					obj.fileRefrence=fileRef;//将进度条信息绑定
					obj.fileName=fileRef.name;//文件名称
					obj.fileType=fileRef.type;//文件类型
					obj.fileSize=(fileRef.size/1024).toFixed(2)+"KB";//四舍五入到小数点后两位
					this.txtUploadImg.text=fileRef.name;
					fileAC.addItem(obj);
					tempAC.addItem(obj);
				}
				this.dgFiles.dataProvider=fileAC;
			}
			protected function btnBrowse_clickHandler(event:MouseEvent):void
			{
				// TODO Auto-generated method stub
				var imgArray:Array=[];
				imgArray.push(new FileFilter("图片(*.jpg,*.png,*.bmp)","*.jpg;*.png;*.bmp"));
				fileRefList.browse(imgArray);
			}


			protected function btnUpload_clickHandler(event:MouseEvent):void
			{
				// TODO Auto-generated method stub
				for(var i:int=0;i<fileAC.length;i++)
				{
					var fileRef:FileReference=FileReference(fileAC[i]['fileRefrence']); 
					var url:String=encodeURI(URLUtil.getFullURL(FlexGlobals.topLevelApplication.url,"/")+"FlexMutifileUpload/FileUpload");
					request=new URLRequest(url);
					try
					{
						fileRef.upload(request,fileRef.name);
					}catch(er:Error)
					{
						Alert.show("上传文件出错!"+er.message);
					}
				}
			}
			public function deleteFileFromDG(event:MouseEvent):void
			{
			     var id:int=this.dgFiles.selectedIndex;
				 fileAC.removeItemAt(id);
				 fileAC.refresh();
			}
			

		]]>
	</fx:Script>
	<fx:Declarations>
		<!-- 将非可视元素(例如服务、值对象)放在此处 -->
	</fx:Declarations>
	<s:BorderContainer horizontalCenter="0" verticalCenter="6" borderVisible="false" borderWeight="0"  width="646" height="377">
	
	<mx:DataGrid id="dgFiles" horizontalCenter="-55" verticalCenter="-9" height="281" width="514">
		<mx:columns>
			<mx:DataGridColumn headerText="文件名" dataField="fileName"/>
			<mx:DataGridColumn headerText="类型" dataField="fileType"/>
			<mx:DataGridColumn headerText="大小" dataField="fileSize"/>
			<mx:DataGridColumn headerText="操作" width="300">
				<mx:itemRenderer>
					<fx:Component>
						<mx:HBox width="100%" height="100%" >
							<mx:ProgressBar id="myProgressbar" minimum="0" maximum="100" 
								 width="150" height="90%"	labelPlacement="center"  source="{data.fileRefrence}" />
							<s:Button label="删除" click="outerDocument.deleteFileFromDG(event)"  />
						</mx:HBox>
					</fx:Component>
				</mx:itemRenderer>
			</mx:DataGridColumn>
		</mx:columns>
	</mx:DataGrid>
	<s:TextInput id="txtUploadImg" x="10" y="343" width="225" editable="false"/>
	<s:Button id="btnBrowse" x="271" y="344" label="浏览"  click="btnBrowse_clickHandler(event)"  width="125"/>
	<s:Button id="btnUpload" x="400" y="344" label="上传" click="btnUpload_clickHandler(event)"  width="110"/>
	</s:BorderContainer>
</s:Application>

后台是基于java servlet实现的,下面是FileUpload.java文件


package com.coderloft.util;

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

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

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

/**
 * Servlet implementation class FileUpload
 */
public class FileUpload extends HttpServlet {
	private static final long serialVersionUID = 1L;
       
	//定义文件保存路径
	private String savePath="d:\\upload\\";
	
	// 限制文件的上传大小
	private int maxPostSize = 100 * 1024 * 1024;
    /**
     * @see HttpServlet#HttpServlet()
     */
    public FileUpload() {
        super();
        // TODO Auto-generated constructor stub
    }

	/**
	 * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)
	 */
	protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		// TODO Auto-generated method stub
		response.setCharacterEncoding("UTF-8");
		response.setContentType("text/html;charset=UTF-8");
		processRequest(request,response);
	}

	/**
	 * @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response)
	 */
	protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		// TODO Auto-generated method stub
		response.setCharacterEncoding("UTF-8");
		response.setContentType("text/html;charset=UTF-8");
		processRequest(request,response);
	}
	protected void processRequest(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		
	    PrintWriter out=response.getWriter();
	    //获取服务器上路径位置
	    String fileRename = request.getParameter("filename");
	    String path=getServletContext().getRealPath("\\uploadfile");
	   
	    //判断文件是否存在
	    File file=new File(path);
	    if(!file.exists()){
	    	boolean createSuccess=file.mkdirs();
	    	if(!createSuccess){
	    		System.out.println("文件创建失败,不能上传");
	    		return;
	    	}
	    }
	    //保存文件到服务器中
	    DiskFileItemFactory factory=new DiskFileItemFactory();
	    factory.setSizeThreshold(4096);//设置缓存大小
	    ServletFileUpload upload=new ServletFileUpload(factory);
	    upload.setHeaderEncoding("UTF-8");
	    upload.setSizeMax(maxPostSize);
	    try{
	    	List fileItems=upload.parseRequest(request);
	    	Iterator iter=fileItems.iterator();
	    	while(iter.hasNext()){
	    		FileItem item=(FileItem) iter.next();
	    		if(!item.isFormField()){
	    		 
	    			String name=item.getName();
	    			if (fileRename != null && fileRename.length() > 0) {
						name = fileRename;
					}
					try {
						item.write(new File(path +"\\"+ name));
						System.out.println("上传成功:" + path);
					} catch (Exception e) {
						e.printStackTrace();
					}
	    		}
	    	}
	    }catch(Exception ex){
	    	ex.printStackTrace();
	    } 
	}
}

关于文件上传,在这里多说一句:

文件上传时,考虑到中文路径的问题,试着在你的浏览器中输入一个中文路径,看浏览器是否使用的是UTF-8的编码格式,如果浏览器编码正确,那么要上传文件时,在flex端将字符encodeURI一下,看看你的tomcat服务器编码是否修改为UTF-8,修改方法是:找到tomcat安装目录下的,我的目录是:D:\Program Files\apache-tomcat-6.0.16\conf

conf/server.xml,找到<Connector节点 添加 URIEncoding="utf-8",



去下载源码

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/coderloft/article/details/7820368

智能推荐

攻防世界_难度8_happy_puzzle_攻防世界困难模式攻略图文-程序员宅基地

文章浏览阅读645次。这个肯定是末尾的IDAT了,因为IDAT必须要满了才会开始一下个IDAT,这个明显就是末尾的IDAT了。,对应下面的create_head()代码。,对应下面的create_tail()代码。不要考虑爆破,我已经试了一下,太多情况了。题目来源:UNCTF。_攻防世界困难模式攻略图文

达梦数据库的导出(备份)、导入_达梦数据库导入导出-程序员宅基地

文章浏览阅读2.9k次,点赞3次,收藏10次。偶尔会用到,记录、分享。1. 数据库导出1.1 切换到dmdba用户su - dmdba1.2 进入达梦数据库安装路径的bin目录,执行导库操作  导出语句:./dexp cwy_init/[email protected]:5236 file=cwy_init.dmp log=cwy_init_exp.log 注释:   cwy_init/init_123..._达梦数据库导入导出

js引入kindeditor富文本编辑器的使用_kindeditor.js-程序员宅基地

文章浏览阅读1.9k次。1. 在官网上下载KindEditor文件,可以删掉不需要要到的jsp,asp,asp.net和php文件夹。接着把文件夹放到项目文件目录下。2. 修改html文件,在页面引入js文件:<script type="text/javascript" src="./kindeditor/kindeditor-all.js"></script><script type="text/javascript" src="./kindeditor/lang/zh-CN.js"_kindeditor.js

STM32学习过程记录11——基于STM32G431CBU6硬件SPI+DMA的高效WS2812B控制方法-程序员宅基地

文章浏览阅读2.3k次,点赞6次,收藏14次。SPI的详情简介不必赘述。假设我们通过SPI发送0xAA,我们的数据线就会变为10101010,通过修改不同的内容,即可修改SPI中0和1的持续时间。比如0xF0即为前半周期为高电平,后半周期为低电平的状态。在SPI的通信模式中,CPHA配置会影响该实验,下图展示了不同采样位置的SPI时序图[1]。CPOL = 0,CPHA = 1:CLK空闲状态 = 低电平,数据在下降沿采样,并在上升沿移出CPOL = 0,CPHA = 0:CLK空闲状态 = 低电平,数据在上升沿采样,并在下降沿移出。_stm32g431cbu6

计算机网络-数据链路层_接收方收到链路层数据后,使用crc检验后,余数为0,说明链路层的传输时可靠传输-程序员宅基地

文章浏览阅读1.2k次,点赞2次,收藏8次。数据链路层习题自测问题1.数据链路(即逻辑链路)与链路(即物理链路)有何区别?“电路接通了”与”数据链路接通了”的区别何在?2.数据链路层中的链路控制包括哪些功能?试讨论数据链路层做成可靠的链路层有哪些优点和缺点。3.网络适配器的作用是什么?网络适配器工作在哪一层?4.数据链路层的三个基本问题(帧定界、透明传输和差错检测)为什么都必须加以解决?5.如果在数据链路层不进行帧定界,会发生什么问题?6.PPP协议的主要特点是什么?为什么PPP不使用帧的编号?PPP适用于什么情况?为什么PPP协议不_接收方收到链路层数据后,使用crc检验后,余数为0,说明链路层的传输时可靠传输

软件测试工程师移民加拿大_无证移民,未受过软件工程师的教育(第1部分)-程序员宅基地

文章浏览阅读587次。软件测试工程师移民加拿大 无证移民,未受过软件工程师的教育(第1部分) (Undocumented Immigrant With No Education to Software Engineer(Part 1))Before I start, I want you to please bear with me on the way I write, I have very little gen...

随便推点

Thinkpad X250 secure boot failed 启动失败问题解决_安装完系统提示secureboot failure-程序员宅基地

文章浏览阅读304次。Thinkpad X250笔记本电脑,装的是FreeBSD,进入BIOS修改虚拟化配置(其后可能是误设置了安全开机),保存退出后系统无法启动,显示:secure boot failed ,把自己惊出一身冷汗,因为这台笔记本刚好还没开始做备份.....根据错误提示,到bios里面去找相关配置,在Security里面找到了Secure Boot选项,发现果然被设置为Enabled,将其修改为Disabled ,再开机,终于正常启动了。_安装完系统提示secureboot failure

C++如何做字符串分割(5种方法)_c++ 字符串分割-程序员宅基地

文章浏览阅读10w+次,点赞93次,收藏352次。1、用strtok函数进行字符串分割原型: char *strtok(char *str, const char *delim);功能:分解字符串为一组字符串。参数说明:str为要分解的字符串,delim为分隔符字符串。返回值:从str开头开始的一个个被分割的串。当没有被分割的串时则返回NULL。其它:strtok函数线程不安全,可以使用strtok_r替代。示例://借助strtok实现split#include <string.h>#include <stdio.h&_c++ 字符串分割

2013第四届蓝桥杯 C/C++本科A组 真题答案解析_2013年第四届c a组蓝桥杯省赛真题解答-程序员宅基地

文章浏览阅读2.3k次。1 .高斯日记 大数学家高斯有个好习惯:无论如何都要记日记。他的日记有个与众不同的地方,他从不注明年月日,而是用一个整数代替,比如:4210后来人们知道,那个整数就是日期,它表示那一天是高斯出生后的第几天。这或许也是个好习惯,它时时刻刻提醒着主人:日子又过去一天,还有多少时光可以用于浪费呢?高斯出生于:1777年4月30日。在高斯发现的一个重要定理的日记_2013年第四届c a组蓝桥杯省赛真题解答

基于供需算法优化的核极限学习机(KELM)分类算法-程序员宅基地

文章浏览阅读851次,点赞17次,收藏22次。摘要:本文利用供需算法对核极限学习机(KELM)进行优化,并用于分类。

metasploitable2渗透测试_metasploitable2怎么进入-程序员宅基地

文章浏览阅读1.1k次。一、系统弱密码登录1、在kali上执行命令行telnet 192.168.26.1292、Login和password都输入msfadmin3、登录成功,进入系统4、测试如下:二、MySQL弱密码登录:1、在kali上执行mysql –h 192.168.26.129 –u root2、登录成功,进入MySQL系统3、测试效果:三、PostgreSQL弱密码登录1、在Kali上执行psql -h 192.168.26.129 –U post..._metasploitable2怎么进入

Python学习之路:从入门到精通的指南_python人工智能开发从入门到精通pdf-程序员宅基地

文章浏览阅读257次。本文将为初学者提供Python学习的详细指南,从Python的历史、基础语法和数据类型到面向对象编程、模块和库的使用。通过本文,您将能够掌握Python编程的核心概念,为今后的编程学习和实践打下坚实基础。_python人工智能开发从入门到精通pdf

推荐文章

热门文章

相关标签