ssm框架上傳圖片保存到本地和數(shù)據(jù)庫示例
更新時間：2017年03月06日 14:32:22 作者：啊啊斯蒂芬
本篇文章主要介紹了ssm框架上傳圖片保存到本地和數(shù)據(jù)庫示例，主要使用了Spring+SpringMVC+MyBatis框架集合，有興趣的可以了解一下。
本文介紹了ssm框架上傳圖片保存到本地和數(shù)據(jù)庫示例，主要使用了Spring+SpringMVC+MyBatis框架，實現(xiàn)了ssm框架上傳圖片的實例，具體如下：
1、前臺部分
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="resources/jquery/jquery-3.0.0.js"></script>
</head>
<body>
<img id="image"src=""/>
<br/>
<input type="file"onchange="selectImage(this);"/>
<br/>
<input type="button"onclick="uploadImage();"value="提交"/>
<script>
var image = '';
function selectImage(file){
if(!file.files || !file.files[0]){
return;
}
var reader = new FileReader();
reader.onload = function(evt){
document.getElementById('image').src = evt.target.result;
image = evt.target.result;
}
reader.readAsDataURL(file.files[0]);
}
function uploadImage(){
image = JSON.stringify(image)
$.ajax({
type:'POST',
url: '/blog/test',
data: {base64: image
},
async: false,
dataType: 'json',
success: function(data){
alert(data.success)
if(data.success){
alert('上傳成功');
}else{
alert('上傳失敗');
}
},
error: function(err){
alert('網(wǎng)絡(luò)故障');
}
});
}
</script>
<script src="jquery-1.11.1.min.js"></script>
</body>
</html>
2、controller
@Inject
private IUserService userService;
@RequestMapping(value="test")
@ResponseBody
public ConsoleResult test(String base64){
// 自定義返回前臺數(shù)據(jù)格式
ConsoleResult res = new ConsoleResult();
// 去掉base64數(shù)據(jù)頭部data:image/png;base64,和尾部的” " “
String[] ww= base64.split(",");
base64 = ww[1];
String[] aa = base64.split("\"");
base64 = aa[0];
try {
// 將圖片插入數(shù)據(jù)庫
userService.base64test(base64);
// 圖片保存到本地
String path = "D:/asdfasdf.jpg";
Base64File file = new Base64File();
file.decoderBase64File(base64, path);
// 成功標識
res.setStatus(ConsoleResult.successStatus);
} catch (Exception e) {
res.setStatus(ConsoleResult.faultStatus);
}
return res;
}
3、base64
/**
* 將base64字符解碼保存文件
*
* @param base64Code
* @param targetPath
* @throws Exception
*/
public static void decoderBase64File(String base64Code, String targetPath) {
byte[] buffer;
FileOutputStream out = null;
try {
buffer = new BASE64Decoder().decodeBuffer(base64Code);
out = new FileOutputStream(targetPath);
out.write(buffer);
} catch (IOException e) {
e.printStackTrace();
} finally {
try {
if (out != null) {
out.close();
}
} catch (IOException e) {
e.printStackTrace();
}
}
}
4、mapper.xml
<update id="base64Test" parameterType="String">
update t_user set U_ABOUT = #{base64} where u_name = '971171444'
</update>
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了IDEA 格式化SQL代碼技巧分享，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2021-02-02
Spring data jpa的使用與詳解(復(fù)雜動態(tài)查詢及分頁，排序)
這篇文章主要介紹了Spring data jpa的使用與詳解(復(fù)雜動態(tài)查詢及分頁，排序)，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習或者工作具有一定的參考學(xué)習價值，需要的朋友們下面隨著小編來一起學(xué)習學(xué)習吧2020-11-11
Java 序列化機制是一種將對象轉(zhuǎn)換為字節(jié)流的過程,以便在網(wǎng)絡(luò)上傳輸或保存到文件中,并能在需要時將字節(jié)流還原為對象,這一機制通過實現(xiàn) java.io.Serializable 接口來實現(xiàn),同時涉及到一些關(guān)鍵概念和注意事項,需要的朋友可以參考下2023-12-12
java反射校驗參數(shù)是否是基礎(chǔ)類型步驟示例
這篇文章主要為大家介紹了java反射校驗參數(shù)是否是基礎(chǔ)類型步驟示例,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-12-12
MyBatis 是一款優(yōu)秀的持久層框架，它支持自定義 SQL、存儲過程以及高級映射。這篇文章主要介紹了SpringBoot MyBatis快速入門-簡單例子,需要的朋友可以參考下2021-07-07
這篇文章主要介紹了Java之網(wǎng)絡(luò)編程案例講解,本篇文章通過簡要的案例,講解了該項技術(shù)的了解與使用,以下就是詳細內(nèi)容,需要的朋友可以參考下2021-07-07
spring boot實現(xiàn)profiles動態(tài)切換的示例
Spring Boot支持在不同的環(huán)境下使用不同的配置文件，該技術(shù)非常有利于持續(xù)集成，在構(gòu)建項目的時候只需要使用不同的構(gòu)建命令就可以生成不同運行環(huán)境下war包，而不需要手動切換配置文件。2020-10-10
大家好，本篇文章主要講的是JAVA多種方法實現(xiàn)字符串反轉(zhuǎn)，感興趣的同學(xué)趕快來看一看吧，對你有幫助的話記得收藏一下，方便下次瀏覽2022-01-01
java 使用memcached以及spring 配置memcached完整實例代碼
本篇文章主要介紹了java 使用memcached以及spring 配置memcached完整實例代碼，具有一定的參考價值，有興趣的可以了解一下2017-07-07
這篇文章主要介紹了IDEA項目代碼上傳gitlab遠程倉庫過程圖解,文中通過示例代碼介紹的非常詳細，對大家的學(xué)習或者工作具有一定的參考學(xué)習價值,需要的朋友可以參考下2020-09-09