form表单中带有文件上传,同时提交

简介: 前台JS(easyUI)function EditsubmitForm() { var father = $('#select_category').

前台JS(easyUI)

function EditsubmitForm() { 
    var father = $('#select_category').combobox('getValue');
    $('#knowledgeAddForm').form('submit', { 
       url: "${path }/knowledgeAdd/addPageKnowledgeAdd?fatherId="+father, 
       onSubmit: function () {        //表单提交前的回调函数 
              var isValid = $(this).form('validate');//验证表单中的一些控件的值是否填写正确,比如某些文本框中的内容必须是数字 
              return isValid; // 如果验证不通过,返回false终止表单提交 
       }, 
       success: function () {  //表单提交成功后的回调函数,里面参数data是我们调用/BasicClass/ModifyClassInfo方法的返回值。 
               parent.$.messager.alert("添加成功","知识库添加成功!",'info');
               location.reload();
            } 
          });       
    }

前台表单

<form enctype="multipart/form-data" id="knowledgeAddForm" method="post" >
   <table class="grid">
      <tr>
            <td>内容</td>
            <td>
                  <textarea name="content" class="easyui-validatebox" data-options="required:true" value="${Knowledge.content}"></textarea>
            </td>
        </tr>
         <tr>
              <td>上传</td>
              <td>
                     <input id ="file" type="file" name="file" size="10">
              </td>
         </tr>
   </table>
       <div style="margin-top: 10px;"> 
            <a class="easyui-linkbutton" data-options="iconCls:'icon-ok'" style="margin-left: 0px;" onclick="EditsubmitForm()">确定</a> 
            <!-- <a class="easyui-linkbutton" data-options="iconCls:'icon-cancel'" style="margin-left: 60px;" onclick="EditclearForm()">取消</a>  -->
      </div>
</form>

后台controller层

@RequestMapping(value = "/knowledgeAddPage", method = RequestMethod.GET)
        public String addPage() {
            return "/knowledge/knowledgeAdd";
        }
        @RequestMapping(value = "/addPageKnowledgeAdd")
        public String addKnowledge(@RequestParam(value = "file") MultipartFile file,Knowledge knowledge,Long fatherId,HttpServletRequest req) throws IOException {
            String domain = req.getSession().getAttribute("domain").toString();
            String userName = req.getSession().getAttribute("username").toString();
            String fileName = file.getOriginalFilename();
            if(fileName==""){
                knowledge.setDomain(domain);//域名
                knowledge.setUserName(userName);//当前用户名
                knowledge.setFatherId(fatherId);//关联ID
                knowledgeAddService.addKnowledge(knowledge);
            }else{
                String suffix = fileName.substring(fileName.lastIndexOf(".") + 0);
                Date d2 = new Date();
                SimpleDateFormat sdf = new SimpleDateFormat("yyyyMMddHHmmssSSS");
                String dateNumber = sdf.format(d2);
                String attachment = "D://"+dateNumber+suffix;
                File desc = MakeFileUtil.makefile(attachment);
                knowledge.setDomain(domain);
                knowledge.setUserName(userName);
                knowledge.setFileName(fileName);//文件名
                
                knowledge.setAttachment(attachment);//文件路径
                knowledge.setFatherId(fatherId);
                knowledgeAddService.addKnowledge(knowledge);
                
                file.transferTo(desc);//上传
                
            }
            return "/knowledge/knowledgeAdd";
        }
目录
相关文章
|
JSON JavaScript 前端开发
form表单提交方式
form表单提交方式
111 0
|
5月前
|
前端开发 JavaScript API
网页自动提交Form表单的方法
在数字化时代,自动化任务如网页自动提交Form表单,能大幅提升效率。这涉及自动填写注册信息等场景。本文概述了多种实现方式:JavaScript可直接在前端自动填充并提交;Python结合Selenium模拟真实用户操作;AOKSend作为API工具发送表单数据;第三方工具如iMacros、AutoHotkey和Zapier提供非编程自动化选项。根据需求选择合适方法,可显著提升工作效能,减少重复性劳动。
|
7月前
获取form表单提交的内容
获取form表单提交的内容
|
小程序 前端开发 JavaScript
小程序提交form表单
微信小程序提交form表单内容
97 0
|
前端开发
a标签以post方式提交
a标签以post方式提交
137 0
|
前端开发 JavaScript
el-upload上传文件和表单一起提交+后端接收代码
el-upload上传文件和表单一起提交+后端接收代码
553 3
el-upload上传文件和表单一起提交+后端接收代码
如何通过form表单控制上传文件的大小?
如何通过form表单控制上传文件的大小?
1481 0
|
前端开发 程序员
提交文件至服务器的设置——表单属性中的 enctype
提交文件至服务器的设置——表单属性中的 enctype
261 0
|
测试技术 API
C#post请求上传图片文件中的总结
使用HttpWebRequest发起请求拼接url以及请求头请求体数据进行数据上传。
640 0
C#post请求上传图片文件中的总结