表单页面代码:
1.嵌入JS文件
Html代码
formhelper_fileMem.js
Js代码
function$_(id){
returndocument.getElementById(id);
}
//Flash的初始化事件,当Flash在浏览器已完全载入后将自动调用此脚本方法(如果存在的话)。
//在此事件中可进行相应的初始化工作,比如设置上传文件的地址、允许上传的文件类型等。
functionFileUploader_onInit(){
varo = $_('FileUploader');
o.setUploadFileType("图片文件(*.jpg,*.bmp,*.doc)|*.jpg;*.bmp;*.doc");
o.setUploadFileUrl("http://localhost:7001/formhelper/upload.jsp");
o.setMaxFileSize(-1);
}
//当Flash出现错误时(如上传文件)将触发此事件
functionFileUploader_onError(error){
alert("出现错误,错误信息为:"+ error);
varo = $_('FileUploader');
o.resetUpload();
}
//当正在上传文件数据时将触发此事件,通过此事件中的两个参数可计算得知当前的上传进度。
//total : 返回的是当前正在上传文件的总大小,单位是:字节
//size : 返回的是共已上传到服务器的文件数据大小,单位是:字节
functionFileUploader_onUploading(total,size){
varo = $_('per');
o.style.width = (size / total * 500) +"px";
o.innerText = Math.round((size / total * 100),2) +"%";
}
//当Flash已将所有文件数据上传到服务端时(服务端不一定已接收完数据)将触发此事件。
//file : 已上传的文件对象,拥有两个属性
//file.name : 文件名(不带任何路径)
//file.size : 文件大小,单位:字节
functionFileUploader_onSendComplete(file){
alert("客户端已发送完文件的数据,文件名"+ file.name +",大小:"+ file.size);
}
//当Flash已上传完数据并服务器已接收完数据时将触发此事件。
functionFileUploader_onUploadComplete(data){
alert("上传文件完成,服务器返回数据:"+ data);
$_('FileUploader').resetUpload();
}
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控件
Html代码
id="FileUploader"width="100%"height="80"
codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
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">
id="FileUploader" width="100%" height="80"
codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
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">
3.对象的方法
Html代码
附:对象方法
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上传文件后默认的上传按钮已被隐藏,显示的则是一条上传进度条。
附:对象方法
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
Java代码
String temp=request.getRealPath("/")+"\\files\\";//临时目录
String loadpath=request.getRealPath("/")+"\\files\\";//上传文件存放目录
request.setCharacterEncoding("utf-8");
DiskFileUpload fu =newDiskFileUpload();
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);//从全路径中提取文件名
longsize = item.getSize();
if((name==null||name.equals("")) && size==0)
continue;
SimpleDateFormat sdf =newSimpleDateFormat("yyyyMMddHHmmss");
String newName=sdf.format(newDate());
File fNew=newFile(loadpath, newName+name);
item.write(fNew);
String trance ="/files/"+newName+name;
String returnStr="
"+name+""+fileType+" ";response.setContentType("text/html;charset=utf-8");
out.println(returnStr);//返回给 onUploadComplete
}
}
%>
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="
"+name+""+fileType+" ";response.setContentType("text/html;charset=utf-8");
out.println(returnStr); //返回给 onUploadComplete
}
}
%>
注:该flash下载地址 http://www.sj98.com/xwzj/ps/flash/200810/2097.html
file.rar (158.5 KB)
下载次数: 261