$(function() {
$("#file_upload").uploadify({
//开启调试
'debug' : false,
//是否自动上传
'auto': false,
//是否允许同时上传多个文件
'multi': true,
//超时时间
'successTimeout': 99999,
//设置按钮上文字
'buttonText' : '浏览',
//浏览按钮的高度
height: 30,
//浏览按钮的宽度
width : 60,
//提交方式
'method' : 'get',
//客户端想要向服务器端传递的值
'formData':{
'userid':'111',
'username':'tom',
'rnd':'111'
},
//不执行默认的onSelect事件
'overrideEvents' : ['onDialogClose'],
//文件选择后的容器ID
'queueID':'queue',
//服务器端使用的文件对象的名称'upload'
'fileObjName':'upload',
//上传处理程序
swf : 'js/lib/uploadify.swf',
uploader : '../../FileUpload?action=fileUpload',
//允许上传的文件后缀
'fileTypeExts':'*.jpg;*.jpge;*.gif;*.png',
//上传文件的大小限制
'fileSizeLimit':'3MB',
//上传数量
'queueSizeLimit' : 25,
//每次更新上载的文件的进展
'onUploadProgress' : function(file, bytesUploaded, bytesTotal, totalBytesUploaded, totalBytesTotal) {
//有时候上传进度什么想自己个性化控制,可以利用这个方法
//使用方法见官方说明
},
//选择上传文件后调用
'onSelect' : function(file) {
},
//返回一个错误,选择文件的时候触发
'onSelectError':function(file, errorCode, errorMsg){
switch(errorCode) {
case -100: alert("上传的文件数量已经超出系统限制的"+$('#file_upload').uploadify('settings','queueSizeLimit')+"个文件!"); break;
case -110: alert("文件 ["+file.name+"] 大小超出系统限制的"+$('#file_upload').uploadify('settings','fileSizeLimit')+"大小!");break;
case -120: alert("文件 ["+file.name+"] 大小异常!"); break;
case -130: alert("文件 ["+file.name+"] 类型不正确!");break;
}
},
//检测FLASH失败调用
'onFallback':function(){
alert("您未安装FLASH控件,无法上传图片!请安装FLASH控件后再试。");
},
//取消上传后弹出消息框
'onCancel' : function(file) {
alert('这个文件' + file.name + ' 被取消');
},
//上传到服务器,服务器返回相应信息到data里
'onUploadSuccess':function(file, data, response){
$("#groudpic").val(data);
}
});
});
这里有两点需要注意 formData是客户端想要向服务器端传递的值,'formData':{ 'userid':'111', 'username':'tom', 'rnd':'111' } 和method一定要设置成get方式 'method' : 'get'
服务器端request.getParameter("userid“)就能取到值
还可以改写成如下方式
function uploadstart() {
$('#file_upload').uploadify('settings', 'formData', { 'folder':'task','pic':'groudpic'}); //设置表单数据
$('#file_upload').uploadify('upload','*'); //开始上传
}