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 ...
随机推荐
- js做的轮播图
以下那些注释呢,都是要靠自己理解才是最重要的, <!DOCTYPE html> <html> <head> <meta charset="utf-8 ...
- CODEFORCES ROUND #761 ANALYSES BY TEAM:RED & BLACK
A. Dasha and Stairs Problems: 一个按照1,2,3……编号的楼梯,给定踩过的编号为奇数奇数和偶数的楼梯数量a和b,问是否可以有区间[l, r]符合奇数编号有a个,偶数编号有 ...
- #2019-2020-4 《Java 程序设计》第八周总结
2019-2020-4 <Java 程序设计>第八周知识总结 第15章:泛型与集合框架 一.泛型 1.泛型(Generics)是可以建立具有类型安全的集合框架,如链表.散列映射等数据结构: ...
- javascript之原型链
JavaScript 中,万物皆对象!(对于编程而言,可以说万物皆对象.) js中的原型链的作用时什么呢? 我自己的理解是,给一个人赋予一些技能, function people(name,age,s ...
- 2019.03.09 codeforces620E. New Year Tree(线段树+状态压缩)
传送门 题意:给一棵带颜色的树,可以给子树染色或者问子树里有几种不同的颜色,颜色值不超过606060. 思路:颜色值很小,因此状压一个区间里的颜色用线段树取并集即可. 代码: #include< ...
- python线程的同步事件Event
Event对象: 用于线程间的通信,某个线程需要根据其他线程的状态来判断自己的下一步操作. Event内部定义了一个全局变量:_flag,默认为False. 当_flag = False时,会阻塞当前 ...
- 第52章:Java操作MongoDB-[Mongo-Java-3.x]
①范例:连接数据库 package cn.mldn; import com.mongodb.MongoClient; import com.mongodb.MongoClientURI; import ...
- 2.Spring 拦截器应用
首先咱们来了解一下具体的业务场景(这个跟第一篇中的很相似但有不同):具体的业务是这样的,现在系统中有六十多个主档(功能模块),每个主档都有新增.修改.删除功能,当我们在对每个主档做这些操作时需要对其记 ...
- Android中使用TabLayout实现Tab
一.需求 activity + fragment实现tab,并可以滑动切换tab. 需要导入compile 'com.android.support:design:25.3.1' 二.layout实现 ...
- nova compute enable password injection and filesystem resize
root@OpenstackIcehouse2:~# cat /etc/nova/nova-compute.conf [DEFAULT] compute_driver=libvirt.LibvirtD ...