jquery 上传组件如何动态绑定参数传递到后台

标签：jquery   upload   

 $("#upload_photo").uploadify({
	         'auto' : false,
	            'method' : "post",
	            'height' : 20,
	            'width' : 100,
	            'swf' : '<%=basePath%>js/uploadify.swf',
	            'uploader' : '<%=basePath%>attach/api/upload',
	          'fileTypeDesc' : '格式:txt,xls，xlsx,doc,docx,rar,zip,jpg,png,pdf',     //描述
	            'fileTypeExts' : '*.txt;*.xls;*.xlsx;*.doc;*.docx;*.rar;*.zip;*.jpg;*.png;*.pdf',         //文件类型
	            'fileSizeLimit' : '30000KB',          //文件大小
	            'buttonText' : '选择文件',         //按钮名称
	            'fileObjName' :'uploadify',
	            'multi' :true,
	            'successTimeout' : 5,
	            'requeueErrors' : false,
	            'removeTimeout' : 1,
	            'removeCompleted' : true,
	            'onSelectError' : function(file,errorCode,errorMsg) {
	            alert("失败");
	                  if(errorCode==-110){
	                      this.queueData.errorMsg = "文件太大，无法上传！";
	                  }
	             },
	             '<span style="color:#ff0000;background-color: rgb(255, 255, 255);"><strong>onUploadStart':function(file){//动态绑定参数向后台传送
	            	 var groupName=$(".select2").val();
	            	 $('#upload_photo').uploadify('settings','formData',{'groupName':groupName});
	             },</strong></span>
	             'onUploadSuccess' : function(file, data, response){
	              var attachs = jQuery.parseJSON(data);
	              var attach=attachs.result[0];
	              // alert(attach2);       
	                 if(attach.id!=null)
	                 $("#tbfj tbody").append("<tr name=\""+attach.id+"\"><td>"+attach.fileName+"</td><td>"+attach.fileSize+"</td><td>"+attach.uploadDate+"</td><td><a href=\"${pageContext.request.contextPath}/attach/api/download/"+attach.id+"\">下载</a></td><td><a class=\"del\">删除</a></td></tr>");

	         },
	           
	     });

动态传递参数需要通过红色部分实现：

1、首先添加onUploadStart函数，在上传开始时设置参数

2、通过$(‘#upload_photo‘).uploadify(‘settings‘,‘formData‘,{‘groupName‘:groupName});设置参数

    说明：settings：操纵名称，代表对上传进行设置

                formData：不能改，表示将向表单数据中添加参数

               {‘groupName‘:groupName}：向后台传递的参数，{key:value,.....}

jquery 上传组件如何动态绑定参数传递到后台

标签：jquery   upload   

原文地址：http://blog.csdn.net/u012454773/article/details/44220961