表单页面代码:
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