jquery实现动态添加附件功能

2023-09-06 19:20:08 291

//设置面罩的z-index,打开进度条 functionsetPopupZ_index(){ $("#popupDiv_bgDiv_1").css("z-index","550"); bcd_openPopUpDailog(300,'loading');//进度条 } /** *编辑、查看、提交页面资源控制 */ var$fileMixSize=10;//允许上传附件数 var$fileCurSize=0;//已上传并保存附件数 var$fileSize=0;//当前新增附件操作次数 var$delFiles="";//记录删除已保存附件 var$flag=0;//数据校验0:附件无效;1:无附件提交;2:附件有效 $(document).ready(function(){ $fileCurSize=$("input[name='attach']").size(); initialResource(); bindListener(); }); functioninitialResource(){ varorderStatus=$("#orderStatus").val(); varisLoginUser=$("#isLoginUser").val(); varbtnSubmit=$("#btnSubmit"); varbtnAudit=$("#btnAudit"); varbtnRefuse=$("#btnRefuse"); if(isLoginUser=="true"){ if(orderStatus==0||orderStatus==3){//草稿、驳回状态 //addFile(); if(btnAudit!=undefined){ btnAudit.hide(); } if(btnRefuse!=undefined){ btnRefuse.hide(); } }else{//orderStatus:1(申请),2(审核) $("a[name='rmlinkattach']").remove(); $("#toolbar").remove(); } }else{ if(orderStatus!=1){ $("#toolbar").remove(); $("a[name='rmlinkattach']").remove(); }else{ $("#btnSave").hide(); $("a[name='rmlinkattach']").hide(); if(btnSubmit!=undefined){ btnSubmit.hide(); } } } } functiondoCloseFunction(){ window.location.href="query?orderDetail&orderNo="rel="externalnofollow"; } functionaddFile(){ $fileSize=$("[name='uploadfiles']").size(); if($fileSize<$fileMixSize-$fileCurSize){ var$fileTemple=$("#fileTemplate>div").clone(); vartid="uploadfiles0"+newDate().getTime(); $fileTemple.find(":file").attr("id",tid); $fileTemple.find(":file").attr("name","uploadfiles"); $fileTemple.find("a").attr("name","rmlink"); $("#mdiv").append($fileTemple); bindListener(); $fileSize++; }else{ alertDiv.create("alertDiv","最大上传文件数为："+$fileMixSize+"."); } } functionsaveFile(){ operSubmit("0"); $delFiles=""; } functionsubmitApply(){ operSubmit("1"); $delFiles=""; } functionsubmitAudit(){ varorderStatus=$("#orderStatus").val(); //审核人：只允许处理审核状态的赎回单 if(orderStatus==1){ $.messager.confirm('请确认','您要批准此赎回申请单？',function(r){ if(r){ operSubmit("2");//审批通过 } }); $delFiles=""; }else{ alertDiv.create("alertDiv","赎回单当前状态，不允许提交！"); } } functionsubmitRefuse(){ varorderStatus=$("#orderStatus").val(); //审核人：只允许处理审核状态的赎回单 if(orderStatus==1){ $.messager.confirm('请确认','您要驳回此赎回申请单？',function(r){ if(r){ operSubmit("3");//驳回 } }); }else{ alertDiv.create("alertDiv","赎回单当前状态，不允许提交！"); } } functiondownLoadFile(attachmentId){ $('#attachmentId').val(attachmentId); $('#downloadform').attr('action','downLoad'); $("#downloadform").submit(); } functionbindListener(){ $("a[name=rmlink]").unbind().click(function(){ $(this).parent().parent().remove(); $fileSize--; }) } functionrmlinkAttach(attach,obj){ $.messager.confirm('请确认','您要删除当前所选项目？',function(r){ if(r){ $delFiles+=""+attach+","; $fileCurSize-=1; $(obj).parent().parent().remove(); } }); } //处理查询返回的信息 functioncallBack(order){ varhtml=""; varorderStatus=order.orderStatus; //varorderStatus=record['record'].orderStatus; $("#orderStatus").val(orderStatus); $("#mdiv").empty();//清空以前的数据 $("#freshdiv").empty(); $(order.attachment).each( function(i,attach){ html+=""; html+=""; html+="附件(已上传)："; html+=" "; if(orderStatus==0||orderStatus==3){ html+="删除"; } html+="下载"; html+=""; html+=""; html+=""; html+=""; }); var$container=$("#freshdiv"); $container.append(html);//追加新的数据 } functionrefreshRes(order,orderStatusName){ $("#orderNo").val(order.orderNo); $("#orderStatus").val(order.orderStatus); $("#orderStatusoption[value='"+order.orderStatus+"']").attr("selected","selected"); initialResource(); //$.post("query?Detail",order,callBack,"json"); callBack(order) $fileCurSize=$("input[name='attach']").size(); } functionoperSubmit(status){ validateUploadfiles(); if($flag==2){ varorder={ orderNo:$("#orderNo").val(), orderStatus:status, attachments:$delFiles }; fileupload("save",order,"query?orderDetail&orderNo="); }elseif($flag==1){ varorder={ orderNo:$("#orderNo").val(), orderStatus:status, attachments:$delFiles }; $.post("save?unUpload",order, function(data){ if(data.success){ refreshRes(data['order']); alertDiv.create("alertDiv",data.obj); }else{ alertDiv.create("alertDiv",data.obj); } },"json"); }else{ alertDiv.create("alertDiv","附件不能为空，请添加有效附件！"); } } functionvalidateUploadfiles(){ varfiles=$("input[name='uploadfiles']"); if(files.size()>0){ $.each(files,function(i,file){ if(file.value==undefined||file.value==""){ alertDiv.create("alertDiv","新增附件不能为空，请上传！"); $flag=0; }else{ $flag=2; } }); }else{ $flag=1; } } functionfileupload(url,order,successUrl){ varfiles=$("input[name='uploadfiles']"); varuploadfiles=[]; $.each(files,function(i,file){ if(file.value!=undefined||file.value!=""){ uploadfiles.push(files[i].id) } }); $.ajaxFileUpload({ url:url, secureuri:false, type:'post', dataType:"json", fileElementId:uploadfiles, data:order, beforeSend:function(){ setPopupZ_index(); }, success:function(result){ if(result.success){ refreshRes(result['order']); alertDiv.create("alertDiv",result.obj); }else{ alertDiv.create("alertDiv",result.obj); } }, error:function(result){ alertDiv.create("alertDiv","赎回申请信息出错，请稍后重试！"); }, complete:function(){ //$("#btnsave").removeAttr("disabled"); } }); }

jQuery.extend({ handleError:function(s,xhr,status,e){ //Ifalocalcallbackwasspecified,fireit if(s.error){ s.error.call(s.context||s,xhr,status,e); } //Firetheglobalcallback if(s.global){ (s.context?jQuery(s.context):jQuery.event).trigger("ajaxError",[xhr,s,e]); } }, createUploadIframe:function(id,uri) { //createframe varframeId='jUploadFrame'+id; variframeHtml=''); if(data) { for(variindata) { jQuery('').appendTo(form); } } if(typeof(fileElementId)=='string'){ fileElementId=[fileElementId]; } for(vari=0;i0) { setTimeout(function(){ //Checktoseeiftherequestisstillhappening if(!requestDone)uploadCallback("timeout"); },s.timeout); } try { varform=jQuery('#'+formId); jQuery(form).attr('action',s.url); jQuery(form).attr('method','POST'); jQuery(form).attr('target',frameId); if(form.encoding) { jQuery(form).attr('encoding','multipart/form-data'); } else { jQuery(form).attr('enctype','multipart/form-data'); } jQuery(form).submit(); }catch(e) { jQuery.handleError(s,xml,null,e); } jQuery('#'+frameId).load(uploadCallback); return{abort:function(){}}; }, uploadHttpData:function(r,type){ vardata=!type; data=type=="xml"||data?r.responseXML:r.responseText; //Ifthetypeis"script",evalitinglobalcontext if(type=="script") jQuery.globalEval(data); //GettheJavaScriptobject,ifJSONisused. if(type=="json") data=r.responseText; varstart=data.indexOf(">"); if(start!=-1){ varend=data.indexOf("<",start+1); if(end!=-1){ data=data.substring(start+1,end); } } eval("data="+data); //evaluatescriptswithinhtml if(type=="html") jQuery("

").html(data).evalScripts(); returndata; } })

jquery实现动态添加附件功能

热门推荐

随机推荐