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 ...
随机推荐
- Effective C++ 笔记:条款 34 实现继承和接口继承
Differentiate between inheritance of interface and inheritance of implementation. 行为含义 声明一个pure virt ...
- spring学习(二)---依赖注入
spring第二个特性是依赖注入. 学习依赖注入,首先应该明白两个问题:1,谁依赖谁:2,谁注入,注入什么? 首先还是看代码: 还是这个bean: package testSpring.busines ...
- Codeforces 837 简要题解
文章目录 A题 B题 C题 D题 E题 F题 G题 传送门 并没有找到难度评级但感觉是div3div3div3场. A题 题意:一个单词的价值是里面大写字母的个数,一篇文章的价值是里面所有单词的价值的 ...
- C#运行时通过字符串实例化类对象
备忘,记个C#版本. using System; using System.Collections.Generic; using System.Linq; using System.Text; usi ...
- 【js jQuery】map集合 循环迭代取值---以及 map、json对象、list、array循环迭代的方法和区别
后台给前台传来一个map @ResponseBody @RequestMapping(value = "getSys") public Map<Long,String> ...
- python 实现rsa 的加密解密存读取(PEM格式证书)【转发】
来源:CSDN 原文:https://blog.csdn.net/sjt1996/article/details/83377800
- mybatis 中使用oracle merger into
项目背景:设计到excel导入,数据量也比较大,保证性能的情况下还要考虑到:如果数据中有这条数据的主键,则更新(update),不存在的情况,执行插入(insert). mybatis代码: < ...
- TCP的客户端搭建
一.设计目标 之前已经写过了TCP服务器原理及通过visual studio 验证 SOCKET编程:搭建一个TCP服务器,这里我们搭建一个TCP客户端界面并对各功能进行实现.设计效果如下: 二.实验 ...
- arp脚本
1.什么是arp?arp可以解决什么问题? ARP:是地址解析协议 arp解决我们知道一个机器(主机或者路由器)的IP地址,需要找出其相应的硬件地址 2.编写ARP脚本,抓取对应主机的mac地址 1 ...
- css伪元素 ::after ::before
我遇到的问题: div盒子标签设置了伪元素 ::after ::before 并给这俩content内容设置了空属性,添加了背景图,发现这两个伪元素没有宽度和高度. 解决方法 给设置伪元素的盒子的 ...