jquery 上传组件如何动态绑定参数传递到后台
$("#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,.....}
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。