首页 > 代码库 > easyui form提交文件(上传图片和文件)
easyui form提交文件(上传图片和文件)
2024-08-09 01:14:08 219人阅读
"; hasXtContent=true; } } } }); }); function type_1(type){ type.combobox({ valueField: ‘id‘, textField: ‘value‘, data: [{ id: ‘4‘, value: ‘站内信息‘, selected:true }], onSelect:function(rec){ resetWebId(); } }); } function type_2(type){ type.combobox({ valueField: ‘id‘, textField: ‘value‘, data: [{ id: ‘1‘, value: ‘媒体报道‘, selected:true },{ id: ‘2‘, value: ‘网站公告‘ },{ id: ‘3‘, value: ‘成功案例‘ }], onSelect:function(rec){ resetWebId(); var noticeId=rec.id; if(noticeId==1||noticeId==3||noticeId==2){ if(!hasUpload) { hasUpload=true; $(‘#upId‘).append(‘<a id="systemNoticeUpload" href="http://www.mamicode.com/#" onclick="addDiv();">添加消息</a>‘); } $.each(xt,function(index,ele){ $(‘#systemNoticeXt‘+index).remove(); }); //恢复参数配置 xt={};//存储系统公告的的 id > div1,div2... i=1; hasXtContent=false; }else{ if(hasUpload) { hasUpload=false; $(‘#systemNoticeUpload‘).remove(); } } } }); } function openNotice(){ resetCash(); $(‘#noticeForm‘).form(‘reset‘); $(‘#addNotice‘).dialog(‘open‘); $(‘#webId‘).val(‘‘); type_1($(‘#type‘)); } function addNotice(){ var time; var selectId=$(‘#method‘).combobox(‘getValue‘); var noticType=$(‘#type‘).combobox(‘getValue‘); var paramsId=$("#webId").val(); if(selectId==1){ //站内信息 if(paramsId==null||paramsId==‘‘){ $(‘#noticeForm‘).form(‘submit‘, { url:‘<%=basePath%>admin/notice/notice!add.ds‘, onSubmit: function(param){ param["websiteMessage.MContent"]=$(‘#morenContent‘).val(); param["comId"]=1;//表示选中第一个 2:系统公告 ,1:站内信息 } , success:function(data){ var json=$.parseJSON(data); $.messager.alert(‘温馨提示‘,json.message,‘info‘); if(json.success){ $(‘#sysdatabase‘).datagrid(‘reload‘); } } }); }else{ var data={ ‘webId‘:paramsId, ‘websiteMessage.title‘:$("input[name=‘websiteMessage.title‘]").val(), ‘websiteMessage.MContent‘:$("#morenContent").val(), "comId":1 } $.post(‘/admin/notice/notice!add.ds‘,data,function(data){ $.messager.alert(‘温馨提示‘,data.message,‘info‘); if(data.success){ $(‘#sysdatabase‘).datagrid(‘reload‘); } },"json"); } } else if(selectId==2){ //添加消息 comId=2 if(xt){ $.each(xt,function(index,ele){ var isSubmit=true; //检查文件 var f=document.getElementById(‘file‘+index).files; if(f.length>0){ var filename=$(‘#file‘+index).val(); var suffix=filename.substring(filename.lastIndexOf("."),filename.length); //.jpg,.png,.peng,.gif,.mp4,avi if(suffix!=".png"&&suffix!=".jpeg"&&suffix!=".jpg"&&suffix!=".gif"&&suffix!=".avi"&&suffix!=".mp4"){ alert("文件格式不对,请选择格式【.jpg,.png,.peng,.gif,.mp4,avi】的文件"); isSubmit=false; } if(suffix==".png"||suffix==".jpeg"||suffix==".jpg"||suffix==".bmp"||suffix==".gif"){ var filesize=f.size/1024;//KB if(parseInt(filesize)>1024){ alert(‘图片不能大于1M‘); isSubmit=false; } } if(suffix==".avi"||suffix==".mp4"){ var filesize=f.seize/1024/1024;//M if(filesize>20){ alert(‘视频不能大于20M‘); isSubmit=false; } } } //提交文件 if(isSubmit){ var getFile=$(‘#file‘+index); $(‘#noticeForm‘).form(‘submit‘,{ url:‘<%=basePath%>admin/notice/notice!add.ds‘, onSubmit:function(pa){ pa["comId"]=2;//表示选中第一个 2:系统公告 ,1:站内信息 pa["websiteMessage.MContent"]=$(‘#xtContent‘+index).val(); //获取是否选择文件 var f = document.getElementById("file"+index).files.length; if(f>0) { pa["file"]=getFile.attr(‘name‘,‘file‘);//更改文件的nam属性 pa["fileName"]=$(‘#file‘+index).val(); } pa["noticType"]=noticType; pa["uploadCount"]=index;//索引值 }, success:function(data){ data=$.parseJSON(data); if(data.success){ $(‘#systemNoticeXt‘+index).append(okImg); } else{ $(‘#systemNoticeXt‘+index).append(errorImg); if(data.code==-1) $(‘#systemNoticeXt‘+index).append("<font color=‘red‘>"+data.message+"</font>"); } } }); } //还原文件的名字 $(‘#file‘+index).attr(‘name‘,‘file‘+index);//更改文件的nam属性 //设置时间,避免得到重复值 time=setInterval(function(){},1000); }); }<%--else if(editxt){ $.each(editxt,function(index,ele){ var eisSubmit=true; //检查文件 var ef=document.getElementById(‘file‘+index).files; if(ef.length>0){ var efilename=$(‘#file‘+index).val(); var esuffix=efilename.substring(efilename.lastIndexOf("."),efilename.length); //.jpg,.png,.peng,.gif,.mp4,avi if(esuffix!=".png"&&esuffix!=".jpeg"&&esuffix!=".jpg"&&esuffix!=".gif"&&esuffix!=".avi"&&esuffix!=".mp4"){ alert("文件格式不对,请选择格式【.jpg,.png,.peng,.gif,.mp4,avi】的文件"); eisSubmit=false; } if(esuffix==".png"||esuffix==".jpeg"||esuffix==".jpg"||esuffix==".bmp"||esuffix==".gif"){ var efilesize=ef.size/1024;//KB if(parseInt(efilesize)>1024){ alert(‘图片不能大于1M‘); eisSubmit=false; } } if(esuffix==".avi"||esuffix==".mp4"){ var efilesize=ef.seize/1024/1024;//M if(efilesize>20){ alert(‘视频不能大于20M‘); eisSubmit=false; } } } //提交文件 if(eisSubmit){ var egetFile=$(‘#file‘+index); $(‘#noticeForm‘).form(‘submit‘,{ url:‘<%=basePath%>admin/notice/notice!add.ds‘, onSubmit:function(pa){ pa["comId"]=2;//表示选中第一个 2:系统公告 ,1:站内信息 pa["websiteMessage.MContent"]=$(‘#xtContent‘+index).val(); pa["webId"]=$(‘#webId‘).val(); //获取是否选择文件 var af = document.getElementById("file"+index).files.length; if(af>0) { pa["file"]=egetFile.attr(‘name‘,‘file‘);//更改文件的nam属性 pa["fileName"]=$(‘#file‘+index).val(); } pa["noticType"]=noticType; pa["uploadCount"]=index;//索引值 }, success:function(data){ data=$.parseJSON(data); if(data.success){ $(‘#systemNoticeXt‘+index).append(okImg); } else{ $(‘#systemNoticeXt‘+index).append(errorImg); if(data.code==-1) $(‘#systemNoticeXt‘+index).append("<font color=‘red‘>"+data.message+"</font>"); } } }); } //还原文件的名字 $(‘#file‘+index).attr(‘name‘,‘file‘+index);//更改文件的nam属性 //设置时间,避免得到重复值 time=setInterval(function(){},1000); }); }--%> //刷新表格 $(‘#sysdatabase‘).datagrid(‘reload‘); } clearInterval(time); } //添加系统公告的div function addDiv(){ var xtContent="<div id=‘systemNoticeXt"+i+"‘ style=‘overflow: hidden;‘> <textarea id=‘xtContent"+i+"‘ style=‘width: 582px; height: 116px; border: 1px solid #ccc;‘ ></textarea> " +"<a href=http://www.mamicode.com/‘#‘ onclick=‘removeDiv("+i+");‘><img alt=‘‘ src=http://www.mamicode.com/‘/images/remove1.gif‘>"+i+"‘ name=‘file"+i+"‘ type=‘file‘ value=http://www.mamicode.com/‘选择图片‘/> "; $(‘#addUploadId‘).append(xtContent); var arrDiv={}; arrDiv["systemNoticeXt"+i]="systemNoticeXt"+i; arrDiv["xtContent"+i]="xtContent"+i; arrDiv["file"+i]="file"+i; xt[i]=arrDiv; i++; } function removeDiv(divID){ $(‘#systemNoticeXt‘+divID).remove(); delete xt[divID]; } function editNotice(){ var j=$("#sysdatabase").datagrid("getSelected"); if(!j){ $.messager.alert("温馨提示","请选择一行数据","info"); return ; } var publishType=j.publishType; if(publishType==1){ $(‘#noticeForm‘).form(‘load‘,{ "websiteMessage.title":j.title, "websiteMessage.mtype":arr[j.mtype], "websiteMessage.publishType":j.publishType, "websiteMessage.MContent":j.MContent, "webId":j.id }); $(‘#morenContent‘).val(j.MContent); $(‘#addNotice‘).dialog(‘open‘); } else if(publishType==2){ $.messager.alert(‘温馨提示‘,‘系统公告不能修改‘,‘info‘); } } function deleteNotice(){ var data=$(‘#sysdatabase‘).datagrid(‘getSelected‘); if(!data){ $.messager.alert(‘温馨提示‘,‘请选择数据‘,‘info‘); return; } $.messager.confirm(‘确认对话框‘,‘是否删除?‘,function(r){ if(r){ $.post(‘<%=basePath%>admin/notice/notice!delete.ds‘,{"id":data.id},function(d){ $.messager.alert(‘温馨提示‘,d.message,‘info‘); if(d.success) $(‘#sysdatabase‘).datagrid(‘reload‘); }); } }); } function closeDialog(){ $(‘#addNotice‘).dialog(‘close‘); resetCash(); } //恢复参数 function resetCash(){ //初始化参数 $.each(xt,function(index,ele){ $(‘#systemNoticeXt‘+index).remove(); }); $(‘#systemNoticeUpload‘).remove(); xt={};//存储系统公告的的 id > div1,div2... i=1; hasUpload=false; hasMorenContent=true;//默认的编辑框 hasXtContent=false;//默认的编辑框 resetWebId(); } function resetWebId(){ $.post(‘<%=basePath%>admin/notice/notice!resetWebId.ds‘); } </script> java
上传
/** * * 基于struts2的文件上传 * @param file 源文件 * @param fileName 文件名 * @param path 路径 : /xx/ */ public static String struts2uploadfile(File file,String fileName,String path) throws IOException{ SimpleDateFormat sdf = new SimpleDateFormat("yyyyMMddHHmmss");// 格式化时间输出 String Rname = sdf.format(new Date());// 取得当前时间,Date()是java.util包里的,这作为真实名称 if(StringUtils.isNotBlank(fileName)){ String realPath=ServletActionContext.getServletContext().getRealPath(path); File f=new File(realPath); if(!f.getParentFile().exists()){ f.getParentFile().mkdirs(); } String houzhui=fileName.substring(fileName.lastIndexOf("."), fileName.length()); Rname+=houzhui; File saveFile=new File(f, Rname); FileUtils.copyFile(file, saveFile); } return path+Rname; }
easyui form提交文件(上传图片和文件)