1. 程式人生 > >SpringMVC+mybatis實現圖片文字同時上傳並儲存資料庫中

SpringMVC+mybatis實現圖片文字同時上傳並儲存資料庫中

個人專案中遇到同時上傳圖片及文字到資料庫中,網上查好多資料才解決,謹以此文記之。

HTML程式碼:

<form class="form-inline" id="zc_form" action="save.do"  method="post"  enctype="multipart/form-data">
        <div class="control-group">
		    <label class="control-label" for="input01">型別</label>
		    <div class="controls">
		        <input type="text" name="type" placeholder="請輸入型別" class="input-xlarge">
		    </div>
		</div>
        <div class="control-group">
		    <label class="control-label">上傳照片</label>
		          <!-- File Upload -->
		     <div class="controls">
		        <input class="input-file" name="pic" id="fileInput" type="file">
		    </div>
		</div>
		<div class="control-group">
			<label class="control-label"></label>
		          <!-- Button -->
		    <div class="controls">
		        <button class="btn btn-success">提交</button>
		    </div>
		</div>
 </form>

Controller:
@RequestMapping(value = "/save")
public ModelAndView saveU(@RequestParam(required = false) MultipartFile file,HttpServletRequest httpRequest) throws Exception {
		PageData pd = new PageData();//PageData為專案中一個工具類,裡面封裝一個map集合
		pd = this.getPageData();
		
	    CommonsMultipartResolver commonsMultipartResolver = new CommonsMultipartResolver(httpRequest.getSession().getServletContext());  
	    MultipartHttpServletRequest multipartRequest =(MultipartHttpServletRequest) httpRequest; 
		pd.put("type", multipartRequest.getParameter("type"));//文字
		MultipartFile owner_id2 = multipartRequest.getFile("pic");//圖片
//轉換圖片格式 :MultipartFile --> byte  
        pd.put("pic", org_certificate.getBytes());
		int i=tdtService.saveU(pd);
		if(j>0) {
            System.out.println("yes");
        }
	}

資料庫為mysql,mapper.xml:

<insert id="saveE" parameterType="pd">
		insert into T_ENTERPRISE (
			type,
			pic
			
		) values (
			#{type},
			#{pic},
			
		) 
	</insert>


相關推薦

SpringMVC+mybatis實現圖片文字同時儲存資料庫

個人專案中遇到同時上傳圖片及文字到資料庫中,網上查好多資料才解決,謹以此文記之。HTML程式碼:<form class="form-inline" id="zc_form" action="save.do" method="post" enctype="multip

SSM框架實現圖片查詢資料庫圖片(多圖片請看下篇部落格)

第一步:首先要在我們的springMVC.xml檔案中新增上傳檔案解析器 <!-- 定義檔案上傳解析器 --> <bean id="multipartResolver" class="org.springfra

SpringMVC + ueditor + 七牛 實現文字檔案功能

1.下載ueditor開發包(原始碼以及JSP版本UTF-8版),並匯入專案中,也可以匯入jar包。 2.pom 新增相關依賴 3.解壓並將原始碼拷貝到專案中:  解壓後原始碼如下圖: 拷貝至專案中: 4. 匯入控制元件 5.修改配置檔案 此方法對應後臺方

Springmvc實現多個圖片檔案的儲存

現在許多頁面都開始要求實現不定量圖片上傳,這裡給出一種利用java.MultipartFile類的方法,希望能對大家有幫助。 第一步新增jar包:在pom.xml裡面新增如下程式碼 <!-- uploadify檔案上傳元件 -->

JSP Ueditor 實現圖片跨域

img 上傳 .com 圖片 地址 ued 跨域 image con Ueditor的單圖上傳,在官方文檔上明確寫了不支持 然後通過百度找了許多方案,終於有一個可以解決了。 http://www.cnblogs.com/hpnet/p/6290452.html 不

利用Selenium實現圖片文件的兩種方式介紹

最簡 pfile 狀態 blog nbsp ftw fin send find 在實現UI自動化測試過程中,有一類需求是實現圖片上傳,這種需求根據開發的實現方式,UI的實現方式也會不同。 一、直接利用Selenium實現 這種方式是最簡單的一種實現方式,但是依賴於

SSM使用Kindeditor外掛實現圖片的批量與回顯

圖片上傳的方式: 1.上傳到資料庫中的Blob型別,從資料庫中取出來並顯示。詳細見下面連結 http://blog.sina.com.cn/s/blog_5b0745e80102we31.html 2.上傳到伺服器的固定目錄下,在資料庫中僅儲存圖片的地址。詳細見下文 效果

【前端】js+php實現圖片拖拽

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>拖拽圖片上傳</title> </head> <body>

SpringMVC + AJAX 實現多檔案非同步

轉自:https://www.jianshu.com/p/f3987f0f471f 今天,我就這個問題來寫一篇如何用 SpringMVC + AJAX 實現的多檔案非同步上傳功能。基本的程式碼還是沿用上篇文章中所用到的專案,需要的朋友可以點選前面的連結檢視。在這裡只貼出關鍵程式碼。 首先

js外掛+UploadFile類實現圖片的批量

        檔案上傳無疑是web應用中一個非常常用的功能,下面小編給大家分享一下diyUpload.js+ThinkPHP中的UploadFile類實現圖片的批量上傳。         首先,給大家介紹展示一下具體操作頁面: html程式碼如下: <div cl

vue實現圖片丶檔案

 html頁面  <input type="file" value=""  id="file"  @change='onUpload'>//注意不能帶括號 js程式碼 methods: {

HTML5+canvas實現圖片的壓縮

1.圖片上傳輸入框<input type="file" name="" class="fileUpload" accept="image/*" capture="camera"/>2.上面時候觸發onchange$('.fileUpload').on('chang

嵌入layui元件實現圖片與附件

通過layui元件實現上傳附件業務 jsp嵌入layui上傳附件元件 <link rel="stylesheet" type="text/css" href="<%=request.getContextPath() %>/platform/views/c

javascript 使用FormData實現圖片/檔案非同步

主要思路: 在html中新增上傳按鈕,為了方便,這裡使用<img>作為上傳按鈕,監聽<img>點選事件,在事件處理函式中,建立<input type="file">標籤,註冊<input type="file">

springMVC+jersey實現跨伺服器檔案

1.首先新增所需要的jar包   2.在springMVC的配置檔案中新增檔案上傳解析器 <!-- 檔案上傳的解析器 --> <bean id="multipartR

jquery 前端實現圖片壓縮和

        手機端上傳圖片時,有時候圖片會是一張比較大的圖片,上傳一張的大的圖片會消耗比較大的資源影響效率,這個時候就需要對上傳的圖片進行壓縮了。然而圖片的壓縮有很多種的實現方式,我這裡主要是通過畫布,拆分瓦片的形式來壓縮圖片。   (這個主要為個人筆記記錄)    

Android Webview實現圖片、檔案及啟動相機功能

直接上程式碼,體會Webview強大的功能。 webView.setWebChromeClient(webChromeClient);private String mCameraFilePath = null; private ValueCallback<Uri&g

關於SpringMVC框架實現簡單的檔案下載(ssm)

關於ssm框架整合檔案的上傳和下載. 1.首先建立一個用來測試的jsp檔案上傳下載的頁面  程式碼如下 <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding

PHP簡單實現非同步多檔案使用Postman測試提交圖片

    雖然現在很多都是使用大平臺的物件儲存存放應用中的檔案,但有時小專案還是可以使用以前的方式上傳到和程式一

js實現檔案拖拽顯示待的檔案列表

首先實現html頁面的內容:<body> <div name="single" style="text-align: center; "> <A class=btn_addPic href="javascript:void