jQuery页面弹出框实现文件上传

如图所示，点击新增，弹出如图的弹出框，点击取消不保存页面信息，点击确定保存页面信息

在前台页面添加一个标签，任何都可以

div class=' BTN BTN-默认' id=' divadd '新增/div写弹出框页面

div id=' popup _ overlay ' style=' display : none；位置：固定；top : 0pxleft : 0pxright : 0pxbottom : 0px背景-颜色： # 8FB0D 1；-莫兹-奥帕市3360 0.8；opa city 3360 0.8z-指数： 1001；filter: alpha(不透明度=40);背景： rgb(0，0，0)；opa city 3360 0.5 '/div div id=' popup _ container ' style=' display : none；位置：固定；z指数： 99999；padding: 0pxmargin: 0px最小宽度： 600像素；最大宽度： 600像素；top : 50px ' left : 454.5 px ' br/h1 id=' popup _ title ' style=' font-size : 20px；'信息/h1 div id=' popup _ content ' class=' confirm ' style=' margin-top : 0px；'div id=' popup _ message ' div style=' width : 500 px；'HR style=' margin : 10px0 '/div id=' div开关信息' style=' margin-bottom : 8px；'/div div style=' height : 300 px；宽度： 450像素id=' div frame ' div id=' div contract ' div id=' pContract '合同名称：font color=' red ' */font input type=' text ' value=' id=' TxtContractName ' style=' width : 360 px ' br/起始时间：font color=' red ' */font input type=' text ' value=' id=' txtCStartTime ' style=' width : 150 px ' onfocus=' WdatePicker({ El : ' TxtcStartTiME ' })'-输入类型=' text '值=' id=' TxtCendTiME ' onfocus=' WdatePicker({ El : ' TxtCendTiME ' })' style=' width : 150 px ' br合同附件：asp:文件上传ID=' fileID ' runat=' server '/div/div输入类型='button' id='btnAdd' value='新增/input type=' hidden ' id=' HidVaLue ' runat=' server '/div id=' UDFBlock ' p id=' UDF _模板' nbsp人数font color='red'*/font:输入类型=' text ' value=' tag=' txtNum01 ' style=' width : 90px '

$(function () { //显示DIV $('#divadd ').单击(函数(){ var hid=$('#hidValue ')).val()；if (hid=='') { alert('请先提交信息再新增');返回；} else { $('#popup_container ').show()；$('#popup_overlay ').show()；} });//弹窗取消按钮$('#popup_cancel2 ').单击(函数(){ $('#popup_container ')).hide()；$('#popup_overlay ').hide()；});$('#popup_ok2 ').单击(函数(){ $('#popup_container ')).hide()；$('#popup_overlay ').hide()；var key=$('[tag=' txtNum01 ']')，values=$('[tag='txtNum02']')，prent=$('[tag=' txtPercent ']')，len=keys.length，result=[]，txt=for(var I=0；我透镜；i ) { txt=keys.eq(i).val()'，' values.eq(i).val()'，' prent。方程式(一).val()"；"；} var合约名称=$(' # TxtContractName ').val()；var hid=$('#hidValue ').val()；var startTime=$(' # TxtStartTime ').val()；var endTime=$('#txtCEndTime ').val()；//var pic=$('#HiddenField2 ').val()；var file upload=$(“# fileID”).get(0)；var文件=fileUpload.files//IE8以及以上浏览器var data=new FormData()；for(var I=0；我。文件。长度；I){数据。追加文件.名称、文件[I])；} data.append('txt '，txt)；data.append('contractName '，合同名称)；data.append('hid '，hid)；data.append('startTime '，开始时间)；data.append('endTime '，结束时间)；$.Ajax({//url: ' AgenteditSp。aspx/GetDATa '，URL : './Handler/FileAll.ashx '，type: 'Post '，//data : ' { txt ' : ' ' txt '，'合约名称' : ' '合约名称' '，' hid':'' hid ' '，' startTime':'' startTime ' '，' endTime':'' endTime ' '，' pic':'' pic ''} '，data:data，contentType: false，操作成功');位置。href=位置。href}，错误：函数(err){ alert(err)；} });});});这个是点击新增添加新的代理的代码

脚本类型=' text/JavaScript ' $(function(){ $(' # btnAdd ')).单击(handleudfp属性)；function handleudfp属性(){ if($('[tag=' txtNum01 ']').size() 7) { $('#udf_template ').克隆()。find(':text ').val(" ")。end().查找(' a ').单击(function () { $(this)).父母(' p ').移除();}).end().appendTo($(' # UDFBlock '))；} } });/script这个是一般处理程序

公共无效进程请求(HttpContext上下文){ var txt=context .请求[' txt ']；var contractName=上下文。请求['合同名称']；var hid=上下文。请求[' hid ']；var startTime=上下文。请求['开始时间']；var endTime=上下文。请求['结束时间']；var pic=if(上下文请求。文件。计数0){ var filename=' '；HttpFileCollection文件=上下文.请求文件；for(int I=0；我归档了。计数；I){ https tedfile file=files[I]；文件名=文件。文件名；pic=文件名；字符串fname=上下文。服务器。MapPath(' ~/Content/exploration/'文件. FIlename)；文件另存为(fname)；} } //向ContractDetailSP表插入数据if(！字符串IsNullOrEmpty(txt)！字符串IsNullOrEmpty(contractName)！字符串IsNullOrEmpty(startTime)！字符串IsNullOrEmpty(endTime)){ if(is existeagentname(hid)=0)//判断代理是否存在{模型。新模型contract detailsp()；第二次会议.ZID=int .解析(hid)；第二次会议.name=GetGentname(hid)；第二次会议.父id=-1；var insertTableName=DB .语境。插入模型。合同详细信息(CondSp)；} if(isexistconstructiond(IsExistAgentName(hid)，协定名称)=0)//判断合同是否存在{模型。新模型contract detailsp()；第二次会议.名称=合同名称；第二次会议.开始时间=日期时间。解析（开始时间);第二次会议.结束时间=日期时间。解析（结束时间);第二次会议.ParentId=IsExistAgentName(hid)；第二次会议.contract pic=picvar insertTableName=DB .语境。插入模型。合同详细信息(CondSp)；}字符串[] strrList=txt .拆分(';');foreach(strLiST中的定义变量项){ string[] templist=item .拆分(',');if (templist .长度1) {型号。新模型contract detailsp()；第二次会议.Num1=int .分析（临时列表[0]。ToString())；第二次会议.Num2=int .分析（临时列表[1]。ToString())；第二次会议.百分比=十进制。分析（临时列表[2]。ToString())；第二次会议.ParentId=isexistconstructiond(IsExistAgentName(hid)，合约名称)；var insertTableNum=DB .语境。插入模型。合同详细信息(CondSp)；} }上下文。响应。内容类型='文本/纯文本；语境。回应。写下(“ok”)；} else { //return '请填写完必填项；语境。回应。写下(“notall”)；} } public bool IsReuse { get { return false；} }私有静态int IsExistAgentName(字符串Agend){//从ContractDetailSP中选择身份证，其中AgentID=2123 int str=0；var isexist=DB .语境。FromMoDEL。ContractDetailsP().选择(a=a.Id).其中(a=a.ZID==int .解析(Agend)).to list()；如果(我存在.计数1){ str=0；} else { foreach ()存在中的定义变量项){ str=item .id；} }返回字符串；} private static int is exist CONTRACTID(int id，string contract Name){//从ContractDetailSP中选择id，其中ParentId=' '和name=' int str=0；var isexist=DB .语境。FromMoDEL。ContractDetailsP().选择(a=a.Id).其中(a=a . ParentId==id a . Name==合同名称).to list()；如果(我存在.计数1){ str=0；} else { foreach ()存在中的定义变量项){ str=item .id；} }返回字符串；}私有静态字符串GetAgentName(字符串隐藏){//选择名称，*从tblAgent字符串str=string .空的；变量代理=数据库语境。FromModel.tblAgent().选择(a=a.name).其中(a=a.AgentID==int .解析(隐藏)).to list()；foreach(代理中的定义变量项){ str=item.name}返回字符串；}以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。