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

$(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','*');                                              //开始上传
}

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值