uploadify 3.2实现客户端向服务器端传值

来源:互联网 发布:python alphalens 编辑:程序博客网 时间:2024/05/16 10:31
$(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','*');                                              //开始上传
}

原创粉丝点击