easyui form提交文件(上传图片和文件)

<div id="dialogBtn">
            <a class="easyui-linkbutton" href="#" onclick="addNotice()">确定</a>
            <a class="easyui-linkbutton" href="#"
                onclick="closeDialog();">取消</a>
        </div>

        <div id="addNotice" class="easyui-dialog" title="添加/编辑"
            style=" 1000px; height: 650px;"
            data-options="iconCls:'icon-save',resizable:true,modal:true,closed:true,buttons:'#dialogBtn'">
            <div style="padding: 10px 0 10px 60px">
                <form id="noticeForm" method="post" enctype="multipart/form-data">
                    <input type="hidden" id="webId" name="webId" />
                    <input type="hidden" name="websiteMessage.usreId"
                        value="${login_session_key.id }" />
                    <table>
                        <tr>
                            <td>
                                标&emsp;&emsp;题：
                            </td>
                            <td  >
                                <input class="easyui-validatebox"
                                    style=" 149px; height: 20px; border: 1px solid #ccc;"
                                    type="text" name="websiteMessage.title"></input>
                            </td>
                             
                        </tr>

                        <tr>
                            <td>
                                发布方式：
                            </td>
                            <td  >
                                <select id="method" class="easyui-combobox"
                                    name="websiteMessage.publishType" panelHeight="auto"
                                    style=" 150px;" editable="false" required="true">
                                    <option value="1">站内公告</option>
                                    <option value="2">系统公告</option>
                                </select>
                            </td>
                         
                        </tr>
                        <tr>
                            <td>
                                信息类型：
                            </td>
                            <td id="upId">
                                <select id="type" class="easyui-combobox"
                                    name="websiteMessage.mtype" panelHeight="auto"
                                    style=" 150px;" editable="false" required="true">
                                </select>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                内&emsp;&emsp;容：
                            </td>
                            <td id="addUploadId">
                            
                                <div id="systemNoticeMoren" style="overflow: hidden;">
                                    <textarea id="morenContent"
                                    style=" 582px; height: 116px; border: 1px solid #ccc;" ></textarea>
                                </div>
                             
                            </td>
                        </tr>
                    </table>
                </form>
            </div>
        </div>

<script type="text/javascript"><!--
        var editxt={};//存储修改的时候的div
        var xt={};//存储系统公告的的 id  >  div1,div2...
        var i=1;
        var hasUpload=false;
        var hasMorenContent=true;//默认的编辑框
        var hasXtContent=false;//默认的编辑框
        var thisWebSiteMessageId=-1;
        var arr={};
        arr[1]="媒体报道";
        arr[2]="网站公告";
        arr[3]="成功案例";
        arr[4]="站内信息";
         
        //普通的文本框，没有带上传功能
        var morenContent="<div id='systemNoticeMoren' style='overflow: hidden;'> <textarea id='morenContent' style=' 582px; height: 116px; border: 1px solid #ccc;' ></textarea> </div>";
        var okImg="<img alt='' src='/images/oo.gif'/>"; 
        var errorImg="<img alt='' src='/images/xx.gif'/>"; 
    $(function(){
         
        var method=$('#method');
        var type=$('#type');
         method.combobox({
             onSelect:function(ele){
             resetWebId();
                  if(ele.value==1){
                      if(!hasMorenContent){
                          $('#addUploadId').append(morenContent);
                          hasMorenContent=true;
                      }
                    if(hasXtContent){
                        $('#systemNoticeXt').remove();
                        hasXtContent=false;
                    } 
                     
                    $.each(xt,function(index,ele){
                        $('#systemNoticeXt'+index).remove();
                    });
                    //恢复参数配置
                    resetCash();
                    //移除添加消息的按钮 
                    $('#systemNoticeUpload').remove();
                    
                      type.combobox('clear');
                      type_1(type);
                  }
                  else if(ele.value==2){
                      type.combobox('clear');
                          type_2(type);
                      //移除默认的编辑框
                      $('#systemNoticeMoren').remove();
                      hasMorenContent=false;
                      //绑定系统公告编辑框
                      if(!hasXtContent){
                      //    var xtContent="<div id='systemNoticeXt' style='overflow: hidden;'> <textarea id='xtContent' style=' 582px; height: 116px; border: 1px solid #ccc;' ></textarea> "
                        //+"<img alt='' src='/images/xx.gif'><input id='file' name='file' type='file' value='选择文件'/> </div>";
                          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="#" 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=' 582px; height: 116px; border: 1px solid #ccc;' ></textarea> "
    +"<a href='#' onclick='removeDiv("+i+");'><img alt='' src='/images/remove1.gif'></a><input id='file"+i+"' name='file"+i+"' type='file' value='选择图片'/>  </div>";
        $('#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;
    }