struts2结合uploadify-v3.1 动态传参

本文介绍如何在上传文件前动态调整参数设置,并通过JavaScript实现了动态改变formData的方法,适用于前端开发中的文件上传功能。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

其实很简单,我自己试出来的,网上的没有说的,反正我是没有找到。只说是在onUploadStart里加。

在里面加上一个onUploadStart事件来动态改变参数的值就可以了

不过我在formData里面还是加了参数和对应的值,这里的值是什么就无所谓了,因为要动态的改变

不加的话不知道行不行,我没有试

下面是代码

 

$(function() { 
   $("#perpic").uploadify({
    'height'        : 34,   
                'width'         : 78,
    //是组件自带的flash,用于打开选取本地文件的按钮
    'swf'      : '${kdt}/js/uploadify-v3.1/uploadify.swf',
    //服务器端 脚本文件路径
    'uploader': 'userinfo_saveImage.html',
    //取消上传文件的按钮图片,就是个叉叉
    'cancel': '${kdt}/js/uploadify-v3.1/uploadify-cancel.png',
    //和input的name属性值保持一致就好,Struts2就能处理了
    'fileObjName'   : 'paraPersonpic.perpic',
      //按钮上的文字
       'buttonText'     : '选择图片',
       //是否选取文件后自动上传
       'auto': false,
       //上传文件大小限制
       'fileSizeLimit':'2000KB',
       //同时上传的文件最大数
       'queueSizeLimit':'5',
       //调用后台action时传递的参数
       'formData':{ 'albumid':$("#albumid").val() },
       //有speed和percentage两种,一个显示速度,一个显示完成百分比
     'displayData'    : 'percentage',
     //如果配置了以下的'fileExt'属性,那么这个属性是必须的
     'fileTypeDesc'       : '支持格式:jpg/gif/jpeg/png/bmp.',
     //允许的格式
          'fileTypeExts'        : '*.jpg;*.gif;*.jpeg;*.png;*.bmp',
    //显示待上传文件列表的div区域
    'queueID':'file_queue',
    //动态传参数
    'onUploadStart' : function(file) {
           $("#perpic").uploadify("settings","formData",{"albumid":$("#albumid").val()});
    },
    //全部文件上传完触发(上传完成后,跳转的页面)
    'onQueueComplete' : function(queueData) {
           $("#submitimg").removeAttr("disabled");
           closeAlert();
           getSmallAlbumPicList($("#albumid").val(),$("#tempalbumname").val());
    }
   }); 
  });

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值