1. 程式人生 > >form表單提交資料 同時提交圖片 jsp+contrller

form表單提交資料 同時提交圖片 jsp+contrller

jsp 頁面

 <form   id= "form1" action="${pageContext.request.contextPath}/information/addInformation.shtml"  method="post"  onsubmit="check2()" enctype="multipart/form-data"   >
            <input  name="loginId"  type="hidden"   value="${userInfo.loginId}"/>
            <input  name="schschoolId" type="hidden"  value="${userInfo.schschoolId}"  />
            
	        <span class="left">文章標題:</span>
	        <input id="title"  type="text" class="text left w350 mr20" name="title"/>
	        <span class="left">是否僅限本校學生檢視:</span>
	        <div class="dropdown text w80 mr20">
	        <select  id="select_k1"   class="shadow" name="display" >
				<option value="1">是</option>
				<option value="0">否</option>
 	  		 </select>
 	  		 
 	  		       
       	<!-- 登陸id -->
    
        </div> 
        <span class="left">型別:</span>
        <div class="dropdown text w80 mr20">
        <select name="type" id="select_k1"   class="shadow">
		<option value="1">高校專版</option>
		<option value="2">發現</option>
 	   </select>
        </div> 
        
        
          <span class="left">是否為輪播圖:</span>
        <div class="dropdown text w80 mr20">
        <select name="isFigure" id="select_k1"   class="shadow">
		<option value="0">否</option>
		<option value="1">是</option>
 	   </select>
        </div> 
        <span class="left"  style="width:80px; height:15px;"></span>
        <span class="left"  >封面圖:</span>
        <input id="pic"  type="file" class="text left w200 mr10" name="pic"   />
   
       <textarea id="contents" name="contents" style="width:98%; height:185px;visibility:hidden;"></textarea> 
  
           <div class="text-box pr30">
		<div class="btn-box">
          <!--part-->
          <div class="part tr">
            <!--  <a title="釋出" class="blue-btn btn-big mr10" onclick="subForm()" href="#">釋出</a>-->
            <a title="釋出"  id="addsubmit" href="javascript:;" class="blue-btn btn-big mr10">釋出</a>
            <a title="取消" class="btn gray-btn btn-big mr10" href="informationList.shtml">取消</a> 
          </div>
          <!--part end-->
        </div>  
      </div>    
        </form>

controller頁面

/**
	 *
	 * 新增資訊
	 */
	@RequestMapping(value = "addInformation")
	public String logout(HttpServletRequest req, Model model, MultipartFile pic) {
		logger.info("新增資訊");
		String title = (String) req.getParameter("title");
		logger.info(title);
		int loginId = Integer.parseInt(req.getParameter("loginId"));
		int schschoolId = Integer.parseInt(req.getParameter("schschoolId"));
		int display = Integer.parseInt(req.getParameter("display"));
		int type = Integer.parseInt(req.getParameter("type"));
		int isFigure = Integer.parseInt(req.getParameter("isFigure"));
		String content = (String) req.getParameter("content");
		/**
		 * 新增封面圖
		 */
		// 副檔名
		String ext = FilenameUtils.getExtension(pic.getOriginalFilename());
		DateFormat df = new SimpleDateFormat("yyyyMMddHHmmssSSS");
		String name = df.format(new Date());
		Random r = new Random();
		for (int i = 0; i < 3; i++) {
			name += r.nextInt(10);
		}
		String p = req.getSession().getServletContext().getRealPath("");
		String p2=	req.getContextPath();
		String path =  "/images/" + name + "." + ext;
		String url = p + path;//存到服務伺服器的地址
		String url2 = p2 + path;//儲存到資料庫地址
		try {
			pic.transferTo(new File(url));
		} catch (IllegalStateException e) {
			e.printStackTrace();
		} catch (IOException e) {
			e.printStackTrace();
		}

		// 獲取資訊內容的最大id
		logger.info("獲取資訊最大id數");
		int maxCountId = informationService.getInformationContentId();
		maxCountId += 1;
		Information information = new Information();
		information.setSchoolId(schschoolId);
		information.setLoginId(loginId);
		information.setTitle(title);
		information.setDisplay(display);
		information.setType(type);
		information.setIsFigure(isFigure);
		information.setHit(0);
		information.setLastTime(new Date());
		information.setSort(0);
		information.setStatus(1);
		information.setId(maxCountId);
		information.setCoverImgUrl(url2);
		// 新增資訊
		informationService.addInformation(information);
		// 新增資訊內容
		int contentId = informationService.getContentId();//獲取內容最大的id
		informationService.addcontent(contentId + 1, maxCountId, content);
		return "view/information/success";
	}




相關推薦

利用jquery把一個資料同時提交給兩個頁面

我現在就遇到一個這樣的案例:以一個表單用於客戶輸入查詢資料,然後提交給檢索引擎,現在需要增加一個功能,需要記錄客戶查詢的是什麼關鍵字(當然你可以說:去檢索引擎上去記錄就可以了啊!不錯,但是檢索引擎我現在不能修改),於是想到了先傳輸資料給伺服器,然後等待一段時間提交資料(注意

form提交資料 同時提交圖片 jsp+contrller

jsp 頁面 <form id= "form1" action="${pageContext.request.contextPath}/information/addInformation.shtml" method="post" onsubmit="c

Form資料的兩種提交方式

在Form表單中,資料的提交方式有兩種,分別為GET方式和POST方式,在接下來,我們將詳細講述這兩種提交資料的方式以及測試方法。 1 GET - 從指定的伺服器中獲取資料 1.1 GET方法 1.2 特點 (1) GET請求能夠被快

form的action屬性提交資料到指定URL

    之前都是通過curl指令測試伺服器是否正常,今天在測試編寫的http伺服器能否正常使用時,想自己寫一個動態網頁來測試一下效果。查詢資料知道可以使用form表單的action屬性來提交表單。     現將過程總結如下(按照我的嘗試步驟記錄)1.(相對路徑)直接將URL和

【轉載】form的兩種提交方式,submit和button的用法

按鈕 type ssid login false tex .get ons 轉載 1.當輸入用戶名和密碼為空的時候,需要判斷。這時候就用到了校驗用戶名和密碼,這個需要在jsp的前端頁面寫;有兩種方法,一種是用submit提交。一種是用button提交。方法一:在jsp的前端

form多選框提交數據 服務器只能接受到一個數據

表單提交 form 多選 提交過去後表單中name相同的值會被後一個覆蓋,而不會被單獨識別出來。在name名稱後面加上‘[]’即可;如 name=‘user[]‘ 註意下面兩個教程的區別,我很想知道w3c怎麽讀取到的。等待指教; http://www.w3school.com.cn/tags/at

Form的幾種提交方式

text ucc ram rip sub javascrip reg data 方式 <script type="text/javascript"> $(function() { //1、ajax提交 $("#ajaxBtn").click(function

ckeditor.js的使用/form序列化後提交

ckeditor.js的使用/form表單序列化後提交 <script src="../ckeditor/ckeditor.js"></script> <textarea cols="40" rows="5" id="editor" name="desc"

form的兩種提交方式,submit和button的用法

1.當輸入使用者名稱和密碼為空的時候,需要判斷。這時候就用到了校驗使用者名稱和密碼,這個需要在jsp的前端頁面寫;有兩種方法,一種是用submit提交。一種是用button提交。 方法一: 在jsp的前端頁面的頭部插入一個js方法:  function checkUser(

js構建form 以post方式提交 一般用於匯出檔案

 js構建form表單  以post方式提交   一般用於匯出檔案 傳遞引數: var parms = {   "key1":"value1",   "key1":"value2" } /**  * 構建form表單,以post方式提交  * @param actio

input提交按鈕在form外面還要起到提交資訊作用

<div class="loginCenter">     <div class="innerWrapper">         <div class="login">             <p>使用者登入</p&g

關於form中使用ajax提交,ajax無法success的問題

問題背景:我的畢業設計是重構自己以前寫過的一個小網站,之前寫的時候沒有用任何框架,前後臺互動資料靠el表示式、form表單。在完成畢業設計時使用SpringMVC+Spring+MyBatis+JQuery,統一使用ajax來互動資料。 問題再現: html關鍵程式碼<

Form的6種提交方式

1.無重新整理頁面提交表單 表單可實現無重新整理頁面提交,無需頁面跳轉,如下,通過一個隱藏的iframe實現,form表單的target設定為iframe的name名稱,form提交目標位當前頁面if

Spring mvc與form/json資料的互動

ajax非同步提交請求常用的contentType有兩種:contentType:application/x-www-form-urlencoded contentType:application/json,如何使用springmvc處理請求資料呢? 首先,我們來看一下js物件的兩種

直接獲取form所有資料傳送到後臺

form表單程式碼  <form action="${pageContext.request.contextPath}/user/updateUser" method="post" id="updateForm"> <p>使用者名稱:<in

js form傳送資料兩種方式(post get)區別

<!DOCTYPE HTML> <html> <head> <title>please enter your title</

js獲取form所有資料

在HTML中用js獲取通過GET、POST方法(就是在網址後加?a=b&c=d之類)傳過來的表單值。 針對大家常用的獲取表單方式,很多時候都是在重複的寫一些程式碼,今天給大家貼出來的程式碼可以作為 公用方法直接呼叫。可以提高大家的開發效率。 Js程式碼 

反射的應用 將form資料自動封裝為物件

我們經常做表單提交,然後把一大堆頁面傳過來的引數一一通過set方法賦值到物件中; 還經常遇到一個表單提交同一個類的多個物件, 甚至遇到:一個表單提交多種不同類的物件。 學習完反射後,很希望做一個比較通用的工具類,不再每次為上面的事情做重複勞動。 例如:頁面有以

js獲取form所有資料的簡單方法

在HTML中用js獲取通過GET、POST方法(就是在網址後加?a=b&c=d之類)傳過來的表單值。 針對大家常用的獲取表單方式,很多時候都是在重複的寫一些程式碼,今天給大家貼出來的程式碼可以作為 公用方法直接呼叫。可以提高大家的開發效率。 Js程式碼  (adsb

ssm框架後臺未成功接受到前臺form傳入資料問題

1. 確認form表單中有資料且被取到 2.ssm框架自動繫結機制是利用前臺標籤name與pojo中實體成員名一致進行繫結 錯誤的例子: <label for="itemKind" class="control-label col-xs-4 col-sm-3">