flash+fileupload 上传文件

表单页面代码:

1.嵌入JS文件

<script src="formhelper_fileMem.js" language="JavaScript"></script>

 formhelper_fileMem.js

function $_(id){
	return document.getElementById(id);
}

//Flash的初始化事件,当Flash在浏览器已完全载入后将自动调用此脚本方法(如果存在的话)。
//在此事件中可进行相应的初始化工作,比如设置上传文件的地址、允许上传的文件类型等。
function FileUploader_onInit(){
	var o = $_('FileUploader');
	o.setUploadFileType("图片文件(*.jpg,*.bmp,*.doc)|*.jpg;*.bmp;*.doc");
	o.setUploadFileUrl("http://localhost:7001/formhelper/upload.jsp");
	o.setMaxFileSize(-1);
}


//当Flash出现错误时(如上传文件)将触发此事件
function FileUploader_onError(error){
	alert("出现错误,错误信息为:" + error);
	var o = $_('FileUploader');
	o.resetUpload();
}

//当正在上传文件数据时将触发此事件,通过此事件中的两个参数可计算得知当前的上传进度。
//total : 返回的是当前正在上传文件的总大小,单位是:字节
//size  : 返回的是共已上传到服务器的文件数据大小,单位是:字节
function FileUploader_onUploading(total,size){
	var o = $_('per');
	o.style.width = (size / total * 500) + "px";
	o.innerText = Math.round((size / total * 100),2) + "%";
}

//当Flash已将所有文件数据上传到服务端时(服务端不一定已接收完数据)将触发此事件。
//file : 已上传的文件对象,拥有两个属性
//file.name : 文件名(不带任何路径)
//file.size   : 文件大小,单位:字节
function FileUploader_onSendComplete(file){
	alert("客户端已发送完文件的数据,文件名" + file.name + ",大小:" + file.size);
}

//当Flash已上传完数据并服务器已接收完数据时将触发此事件。
function FileUploader_onUploadComplete(data){
	alert("上传文件完成,服务器返回数据:" + data);	
	$_('FileUploader').resetUpload();
} 

2.表单嵌入的FLASH控件

<tr>
<td>
      <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
			id="FileUploader" width="100%" height="80"
			codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
			<param name="movie" value="FileUploader.swf" />
			<param name="quality" value="high" />
			<param name="bgcolor" value="#ffffff" />
			<param name="allowScriptAccess" value="sameDomain" />
			<embed src="FileUploader.swf" quality="high" bgcolor="#ffffff"
				width="100%" height="100%" name="FileUploader" align="middle"
				play="true"
				loop="false"
				quality="high"
				allowScriptAccess="sameDomain"
				type="application/x-shockwave-flash"
				pluginspage="http://www.adobe.com/go/getflashplayer">
			</embed>
	</object>
</td>
</tr>

 3.对象的方法

附:对象方法

1)setUploadFileUrl(url)

设置接收上传文件数据的地址。

url : 路径地址。

2) setUploadFileType(exts)

设置允许选择的文件类型。

exts: 文件类型列表,格式为“描述|类型列表(使用“;”号隔开)”,如果需要设置多种类型可连续设置。如:

"文本文件(*.txt)|*.txt|图片文件(*.jpg,*.bmp,*.png)|*.jpg;*.bmp;*.png|所有文件(*.*)|*.*"

3)  setMaxFileSize(size)

设置最大允许上传的文件大小,单位是"字节",如果设置为"-1"则表示不限制大小!如果选择的文件已超出此值,将自动触发onError事件,并返回"文件大小已超出限制范围"错误信息.

4)setBgColor(color)

设置Flash的背景颜色。

color : 可接受已知颜色的名称或以#开头的16进制颜色值

5)setButtonColor(color)

设置上传按钮的背景颜色。

color : 可接受已知颜色的名称或以#开头的16进制颜色值

6)setButtonText(text)

设置上传按钮的文本,上传按钮的文本默认为“上传本地文件”。

text : 字符串

7)setProgressBarColor(color)

设置上传进度条的颜色。

color : 可接受已知颜色的名称或以#开头的16进制颜色值

8)setProgressBarBgColor(color)

设置上传进度条的背景颜色。

color : 可接受已知颜色的名称或以#开头的16进制颜色值

9)selectLocalFile()

弹出选择文件窗口,并确定选择文件后自动将文件上传到服务器!此方法可代替Flash中上传按钮的点击。

10)resetUpload()

重设置Flash的上传界面,当Flash上传文件后默认的上传按钮已被隐藏,显示的则是一条上传进度条。

 4.upload.jsp

<%@ page  import="org.apache.commons.fileupload.*"%>
<%@ page  import="java.text.SimpleDateFormat"%>
<%@ page  import="java.util.*"%>
<%@ page  import="java.io.*"%>
<%   
  String temp=request.getRealPath("/")+"\\files\\";   //临时目录 
  String loadpath=request.getRealPath("/")+"\\files\\"; //上传文件存放目录
request.setCharacterEncoding("utf-8");
	DiskFileUpload fu = new DiskFileUpload(); 
	fu.setSizeMax(1*1024*1024); // 设置允许用户上传文件大小,单位:字节 
	fu.setSizeThreshold(40);   // 设置最多只允许在内存中存储的数据,单位:字节 
	fu.setRepositoryPath(temp); // 设置一旦文件大小超过getSizeThreshold()的值时数据存放在硬盘的目录 
	List fileItems = fu.parseRequest(request); 
	Iterator iter = fileItems.iterator(); // 依次处理每个上传的文件 
	while (iter.hasNext()) { 
		FileItem item = (FileItem) iter.next();// 忽略其他不是文件域的所有表单信息 
		if (!item.isFormField()) { 
         String name = item.getName();//获取上传文件名,包括路径 
         name=name.substring(name.lastIndexOf("\\")+1);//从全路径中提取文件名     
         long size = item.getSize(); 
         if((name==null||name.equals("")) && size==0) 
         continue; 
		 SimpleDateFormat sdf = new SimpleDateFormat("yyyyMMddHHmmss");
         String newName=sdf.format(new Date());
         File fNew= new File(loadpath, newName+name);         
         item.write(fNew);  
	  String trance = "/files/"+newName+name;
	  String returnStr="<tr id='"+newName+"'><td class='style6'><a href='"+trance+"' target='_blank'>"+name+"</a></td><td class='style6'>"+fileType+"</td><td class='style6'><a href='#'><img src='/commons/menu/del.gif' border='0'></a></td></tr>";
	  response.setContentType("text/html;charset=utf-8");
	  out.println(returnStr); //返回给 onUploadComplete
	} 
 } 

%>   
 

注:该flash下载地址 http://www.sj98.com/xwzj/ps/flash/200810/2097.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值