表单页面代码:
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
联系客服