struts2整合uploadify插件怎样传参数
关于uploadify3.1,先看下帮助文档中的有些知识。


其中有个onUploadStart方法,我们可以使用这个向后台传参。
下面举个例子,
js:
<script type="text/javascript">
$(function () {
$('#actpic').uploadify({
'debug': false,
'auto': false,
'multi': true,
'uploader': 'admin/uploadyear.action',
'fileObjName': 'actpic',
'removeCompleted': false,
'progressData': 'percentage',
'buttonText': '附件上传',
'formData':{'getyearid':${getyearid},'statisform_obj_id':${getyearid?default()},'statistical_form_name3':'','remark_name':'','other_tagsname':'','idStr':''}, 'method': 'post',
'cancel': 'uploadify/uploadify-cancel.png', 'fileSizeLimit': '50MB',
'swf': 'uploadify/uploadify.swf',
'width': ,
'onUploadStart':function(file){
//获取数据
var statistical_form_name3 = $("#statistical_form_name3").val();
var other_tagsname = $("#other_tagsname").val();
var remark_name = $("#remark_name").val();
alert(statistical_form_name3);
alert(other_tagsname);
alert(remark_name);
// 以下是得到选中的复选框
var ids = new Array();
if ($("input[name='tagsname']:checked").size() == ) {
alert("请选择需要检索的标签!");
return false;
}
$("input[name='tagsname']:checked").each(function(i, obj) {
ids[i] = $(obj).val();
});
var idStr = ids.join("-");
alert(idStr); $('#actpic').uploadify("settings","formData",{'idStr':idStr,'other_tagsname':other_tagsname,'remark_name':remark_name,'statistical_form_name3':statistical_form_name3});
},
<#--全部文件上传完触发(将信息进行发送)-->
'onQueueComplete' : function(queueData) {
alert("success"); }
});
});
</script>
jsp中body:
<form id="addFile" class="pageForm required-validate" method="POST" enctype="multipart/form-data" target="hidden_frame">
<div style="height:160px;">
<input type = "hidden" id = "getyearid" name = "getyearid" value = "${getyearid?default(0)}">
<p>
<label>报表名称:</label>
<input name = "statistical_form_name3" id="statistical_form_name3" type="text" size="30" value = "${(statistical_form_name[0][2])?default("")}"/>
</p>
<br/><br/><br/><br/>
<p>
<label>备注:</label>
<input name = "remark_name" id="remark_name" type="text" size="30" value = "${(statistical_form_name[0][5])?default("")}"/>
</p>
<br/><br/><br/><br/>
<p>
<label>标签:</label>
<#if tags?exists && statisform_obj_tags?exists>
<#list tags as tag>
<#if tag[0]=="yes">
<${(tag[1])?default("")}>:${(tag[2])?default("")}
<input type="checkbox" name="tagsname" id="${(tag[2])}" value="${(tag[2])}"} checked>
<#else>
<${(tag[1])?default("")}>:${(tag[2])?default("")}
<input type="checkbox" name="tagsname" id="${(tag[2])}" value="${(tag[2])}"} >
</#if>
</#list>
</#if>
<br/>
<#if tags?exists && !statisform_obj_tags?exists>
<#list tags as tag>
<${(tag[1])?default("")}>:${(tag[2])?default("")}
<input type="checkbox" name="tagsname" id="${(tag[2])}" value="${(tag[2])}"}>
</#list>
</#if>
</p>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<p>
<label>其他标签:</label>
<label>(以逗号隔开)</label>
<label>(例:**,**)</label>
<input name = "other_tagsname" id="other_tagsname" type="text" size="30" value = "${(other_tagsname)?default("")}"/>
</p>
<br/><br/><br/><br/><br/><br/>
<label style="width:60px;">选择文件:</label>
<fieldset style="width:300px;border:1px solid #99BBE8;text-align:left;COLOR:#000000;FONT-SIZE:12px;font-family: Verdana;padding:5px;">
<input name="actpic" type="file" id="actpic"/>
</fieldset>
<br/><br/><br/><br/>
</div>
<iframe name='hidden_frame' id="hidden_frame" style='display:none'></iframe>
</form>
后台 action类中,
'formData':{'getyearid':${getyearid},'statisform_obj_id':${getyearid?default(0)},'statistical_form_name3':'1','remark_name':'1','other_tagsname':'1','idStr':'1'},
这里面涉及到的数据 get set 下就可以得到。
下面解释下机制:
因为我们用
var statistical_form_name3 = $("#statistical_form_name3").val();
不能在这中间写
$(function () {
$('#actpic').uploadify({
所以选择写在onUploadStart方法函数里面,然后setting下,就成功把数据换上去。
这样后台轻松的获得。
至于这代码 ,版主我也觉得有点累。有些不必看的不用看。
谢谢阅读,共同进步,一起分享,美好明天。
struts2整合uploadify插件怎样传参数的更多相关文章
- asp.net配置web.config支持jQuery.Uploadify插件上传大文件
配置web.config有两处地方需要配置,分别是集成模式和经典模式. 集成模式: <!--文件上传大小设置--> <httpRuntime requestValidationMod ...
- uploadify 后台动态传参数
最近项目中用到上传控件,参数需要动态传参,经过查询总结了一下Uploadify 动态传参 jQuery(document).ready(function () { var ctrlid = getQu ...
- 《五》uploadify插件上传文件
下载地址:http://www.uploadify.com/wp-content/uploads/files/uploadify.zip 相关配置:http://www.uploadify.com/d ...
- Struts2+Uploadify文件上传使用详解
Uploadify是JQuery的一个上传插件,实现的效果非常不错,带进度显示.不过官方提供的实例是php版本的,本文将详细介绍Uploadify在java中的使用,您也可以点击下面的链接进行演示或下 ...
- jQuery多图上传Uploadify插件使用及传参详解
因为工作需要,这两天接触到了Uploadify插件,由于是第一次用,花了我近一天的时间.下面我把我在用这个插件过程详细的分享出来,也让自己巩固一下,也希望能帮助到你. 所需文件: jquery-1.8 ...
- sae storage 使用uploadify插件进行文件批量上传
uploadify插件在文件上传方面还是很不错的,这不我需要往sae 的storage上上传文件,就用了它.下面我就分享一下如何实现的吧.我们先到官网下载最新的uploadify最新的插件包.在页面中 ...
- c# asp.net mvc4 使用uploadify插件实现上传功能
[1]首先去官网下载插件:http://www.uploadify.com/download/ .ww我使用的是免费的,基于flash的版本.因为基于H5的版本需付费使用,然后使用该插件也就是做做毕设 ...
- JQUery利用Uploadify插件实现文件异步上传(十一)
一:简介: Uploadify是JQuery的一个上传插件,实现的效果非常好,带进度显示 ,且Ajax异步,能一次性上传多个文件,功能强大,使用简单 1.支持单文件或多文件上传,可控制并发上传的文件数 ...
- jquery uploadify文件上传插件用法精析
jquery uploadify文件上传插件用法精析 CreationTime--2018年8月2日11点12分 Author:Marydon 一.参数说明 1.参数设置 $("#fil ...
随机推荐
- 使用kbmMWConfiguration 让 kbmmw smartservice 更聪明
以前的文章介绍了 很多 kbmmw smartservice 的使用,尤其是 rest 服务,所有的的配置都是通过 开发时写编码实现的,这样就可能导致,针对不同的应用环境,我们要重新编译代码,当然也可 ...
- 《Linux就该这么学》第十一天课程
防火墙常用的一些命令参数 原创地址:https://www.linuxprobe.com/chapter-08.html firewalld中常用的区域名称及策略规则 区域 默认规则策略 trust ...
- k8s storageClass对接nfs
前提:已存在一个nfs服务 192.168.137.11:/home/nfs_data 下面以rbac方式对接nfs 1.创建/root/k8s-nfs-rbac/serviceaccount.yam ...
- BP神经网络 详解模板
%原始数据输入 P=[ - 6.142 - 27.5 5.068 - 31.7 5.196 - 34.1 6.362 - 31.54 6.472 - 30.17 6.578 - 29.53 6.351 ...
- java web 开发手册
W3School离线手册(2017.03) 提取密码: b2fo JavaScript高级程序设计第三版 提取密码: cscv CSS4.2.4 参 ...
- php中ob_get_contents、curl_multi_init、curl_init多线程下载远程图片并保存记录
php中三种方式测试图片下载效率 原文共24张不同图,每张大小在500K以上 使用时注意调整传入数组格式以及需要下载时保存地址的路径格式等 这三种方式无需额外安装扩展,方便快捷易操作[虽然效率看结果没 ...
- java holdsLock()方法检测一个线程是否拥有锁
http://blog.csdn.net/w410589502/article/details/54949506 java.lang.Thread中有一个方法叫holdsLock(),它返回true如 ...
- 初见SDN
软件定义网络(Software Defined Network, SDN ),是一种新型网络架构. SDN=OpenFlow:因为Openflow是大多数人唯一看得到的具体化的SDN的实现形式(实际上 ...
- JS中获取CSS样式的方法
1.对于内联样式,可以直接使用ele.style.属性名(当然也可以用键值对的方式)获得.注意在CSS中单词之间用-连接,在JS中要用驼峰命名法 如 <div id="dv" ...
- angular-控制器
controller 控制器 四.作用域:($rootScope)对整个页面相当于全局变量 也就是只要是用$rootScope定的东西它一定是作用于全局,而其它的只是对它控制器所在的那一部分 列如: ...