浏览 4600 次
锁定老帖子 主题:flash+fileupload 上传文件
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
|
|
---|---|
作者 | 正文 |
发表时间:2009-05-22
最后修改:2009-05-22
表单页面代码: 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 声明:ITeye文章版权属于作者,受法律保护。没有作者书面许可不得转载。
推荐链接
|
|
返回顶楼 | |