-
请教各位大牛们，同一个表单中2个uploadify 进行提交，另外还带其他参数，目前用的版本是2.1.4版本15
详见代码：
<!--$(document).ready(function() {
function getParams(){
var param = {};
param.titleId= $("#titleId").val();
param.titleName=$("#titleName").val();
//param.icon=fileDataName;
//param.posterPic=fileDataName;
param.sortIndex= $("#sortIndex").val();
param.dataSourceType=$("#dataSourceType").val();
return {param:JSON.stringify(param)}
}
//1.要上传的文件数
var uploadfiles = 0;
//2.提交表单相关方法
var submit = function () {
if (uploadfiles == 0) {
/*
* 提交表单
*/
alert("表单提交成功！");
}
};
//="+resourceId +"&opratorId" + id
var url ="${path}/proMenuAction!saveProMenu.action?parentId="+$("#parentId").val()+"&resourceId"+$("#resourceId").val();
$("#icon").uploadify({
'uploader' : '${path}/up/js/uploadify/uploadify.swf', //是组件自带的flash，用于打开选取本地文件的按钮
//'script' : url,//处理上传的路径，这里使用Struts2是XXX.action
'cancelImg' : '${path}/up/js/uploadify/cancel.png',//取消上传文件的按钮图片，就是个叉叉
'folder' : 'uploads/icon/',//上传文件的目录
'fileDataName' : 'icon',//和input的name属性值保持一致就好，Struts2就能处理了
'queueID' : 'fileQueue1',
'auto' : false,//是否选取文件后自动上传
'multi' : true,//是否支持多文件上传
'simUploadLimit' : 1,//每次最大上传文件数
'buttonText' : 'BROWSE',//按钮上的文字
'displayData' : 'speed',//有speed和percentage两种，一个显示速度，一个显示完成百分比
'fileDesc' : '支持格式:jpg/gif/jpeg/png/bmp/flv.', //如果配置了以下的'fileExt'属性，那么这个属性是必须的
'fileExt' : '*.jpg;*.gif;*.jpeg;*.png;*.bmp;*.*;',//允许的格式
'onComplete' : function (event, queueID, fileObj, response, data){
$("#result").append(response+"\t"+data.speed+"<br>");//显示上传成功结果
//setInterval("showResult()",2000);//两秒后删除显示的上传成功结果
}
});
$("#posterPic").uploadify({
'uploader' : '${path}/up/js/uploadify/uploadify.swf', //是组件自带的flash，用于打开选取本地文件的按钮
'script' : url,//处理上传的路径，这里使用Struts2是XXX.action
'cancelImg' : '${path}/up/js/uploadify/cancel.png',//取消上传文件的按钮图片，就是个叉叉
'folder' : 'uploads/posterPic/',//上传文件的目录
'fileDataName' : 'posterPic',//和input的name属性值保持一致就好，Struts2就能处理了
'queueID' : 'fileQueue2',
'scriptData' : getParams(),
'auto' : true,//是否选取文件后自动上传
'multi' : true,//是否支持多文件上传
'simUploadLimit' : 1,//每次最大上传文件数
'buttonText' : 'BROWSE',//按钮上的文字
'displayData' : 'speed',//有speed和percentage两种，一个显示速度，一个显示完成百分比
'fileDesc' : '支持格式:jpg/gif/jpeg/png/bmp/flv.', //如果配置了以下的'fileExt'属性，那么这个属性是必须的
'fileExt' : '*.jpg;*.gif;*.jpeg;*.png;*.bmp;*.*;',//允许的格式
'onComplete' : function (event, queueID, fileObj, response, data){
$("#result").append(response+"\t"+data.speed+"<br>");//显示上传成功结果
//setInterval("showResult()",2000);//两秒后删除显示的上传成功结果
}
});
$("#ui-form-save").click(function() {
if($("#titleId").val() == ""){
$('#icon').uploadifyUpload();
$('#posterPic').uploadifyUpload();
// 开始上传
$.ajax({
type: "POST",
// 中文转码--encodeURIComponent();
url :url,
data:{param:JSON.stringify(param)},
dataType: "json",
async : false,
success : function(data) {
if (data.Code =="0000000") {
alert("添加栏目成功");
location.reload(true);
}else if(data.fail =="00000001") {
alert("添加失败");
return false;
} else{
alert("信息填写有误");
return false;
}
},
error :function(data,XMLHttpRequest,textStatus,errorThrown) {
alert(this.data+"-data-"+this.type + ' url:' + this.url + '; error:' + textStatus + ';' + XMLHttpRequest.status);
alert(XMLHttpRequest.readyState);
alert(textStatus);
alert('读取超时，请检查网络连接');
return false;
}
});
}
});
}); -->2015年1月02日 12:55
2条评论
关注(0)
目前还没有答案
相关推荐
Uploadify是一款基于jQuery的文件上传插件，其v2.1.4版本是该插件的一个经典版本，深受开发者喜爱。本文将深入探讨Uploadify的功能特性、工作原理以及如何在实际项目中应用。 一、Uploadify简介 Uploadify是一款...
Uploadify 是一个流行的JavaScript库，用于在Web应用中实现文件上传功能。版本2.1.4是这个库的一个迭代，它具有高度自定义性，包括让上传按钮显示中文的能力。这个特性对于那些需要面向中文用户的网站和应用来说，极...
v2.1.4 版本是这个插件的一个特定迭代，它特别强调了对中文字符的支持，这意味着在中国或其他使用中文语言的地区，用户可以顺利地上传包含中文文件名或元数据的文件。 Uploadify 的核心功能包括： 1. **多文件上传...
这个"jquery.uploadify-v2.1.4[修正版]"正是基于官方的v2.1.4版本进行了一次关键的优化，特别针对中文支持进行了修正，使得buttonText属性能够完美显示中文，极大地提升了用户体验。 jQuery.uploadify是一款基于...
总之，"uploadify v2.1.4 使用demo"是一个很好的学习资源，可以帮助开发者快速掌握如何在自己的项目中实施高效且用户友好的文件上传功能。通过深入理解并实践这个demo，你将能够熟练地运用Uploadify插件，提升网站或...
Uploadify 是一个流行的JavaScript库，用于在Web应用中实现文件上传功能。版本v2.1.4是这个库的一个特定发行版，它包含了多种文件来支持其操作。在这个zip文件中，我们可以找到以下关键组件： 1. **swfobject.js** ...
在传统方式下，用户需要等待一个文件上传完成才能提交下一个，而uploadify则允许用户同时上传多个文件，极大地提升了上传效率。这种并行处理的方式显著减少了用户的等待时间，提高了整体的交互体验。 其次，jQuery....
一直以来jquery uploadify上传插件都不支持中文,每次都用图片代替也没感觉什么,但是最近开发的项目中有些特殊要求,不得不使用中文,于是中文支持版就出来了,这个是基于uploadify 2.1.4版修改的,请朋友们给点力,我赚点...
Uploadify 是一个非常流行的jQuery插件，用于实现文件上传功能，尤其在Web应用程序中，它提供了用户友好的界面和强大的自定义选项。标题"Uploadify-v2.1.4"表明我们正在讨论的是Uploadify的第2.1.4版本。这个版本...
`jQuery.uploadify-v2.1.4`是一个流行的jQuery插件，它为多文件上传提供了一种简单且直观的解决方案。这个插件极大地简化了前端开发人员的工作，使得在网页上实现批量上传变得更加容易。 `jQuery.uploadify`插件的...
Uploadify 是一个基于jQuery的多文件上传插件，版本2.1.4是其历史版本之一，用于在网页上实现批量、异步的文件上传功能。这个组件以其易用性和强大的自定义性受到开发者的欢迎。本文将详细介绍Uploadify 2.1.4的使用...
Struts2是一个流行的Java web框架，它为开发者提供了模型-视图-控制器（MVC）架构，便于构建可扩展和维护的Web应用程序。Uploadify是一款基于JavaScript和Flash的前端文件上传插件，允许用户实现多文件选择、进度条...
`jQuery Uploadify` 是一个功能强大的JavaScript插件，它使得在网页上实现文件上传变得简单易行。这个插件是基于jQuery库构建的，因此如果你已经熟悉jQuery，那么使用Uploadify将非常直观。本篇文章将深入探讨...
通过使用jQuery，Uploadify能够轻松地与网页中的其他元素集成，实现更丰富的交互体验。 在提供的资源中，`uploadify.css`是插件的样式表文件，用于定义上传按钮、进度条等元素的外观。开发者可以根据自己的需求对这...
《uploadify_v2.1.4 上传代码详解》 在Web开发中，文件上传功能是不可或缺的一部分，尤其是在用户需要提交图片、文档等素材时。Uploadify是一款优秀的JavaScript与Flash结合的文件上传插件，它提供了高效且用户体验...
除了中文按钮乱码问题，jQuery Uploadify v2.1.4还包含其他值得注意的特性。例如，它可以自定义上传队列的样式，通过`queueID`属性指定一个HTML元素作为队列容器。还可以使用`queueSizeLimit`限制同时上传的文件数量...
Web上传文件是一个很常用的功能，试用过不少上传组件，要么是每次只能选择一个文件，要么是选择了文件后不能取消，直接上传，要么就是对文件、队列等限制支持不佳。总之仅仅是依靠JavaScript的实现不太好用，Flash+...