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)絡故障');
}
});
}
</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>
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。
相關文章
這篇文章主要介紹了IDEA 格式化SQL代碼技巧分享，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2021-02-02
Spring data jpa的使用與詳解(復雜動態(tài)查詢及分頁，排序)
這篇文章主要介紹了Spring data jpa的使用與詳解(復雜動態(tài)查詢及分頁，排序)，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-11-11
Java 序列化機制是一種將對象轉換為字節(jié)流的過程,以便在網(wǎng)絡上傳輸或保存到文件中,并能在需要時將字節(jié)流還原為對象,這一機制通過實現(xiàn) java.io.Serializable 接口來實現(xiàn),同時涉及到一些關鍵概念和注意事項,需要的朋友可以參考下2023-12-12
這篇文章主要為大家介紹了java反射校驗參數(shù)是否是基礎類型步驟示例,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-12-12
MyBatis 是一款優(yōu)秀的持久層框架，它支持自定義 SQL、存儲過程以及高級映射。這篇文章主要介紹了SpringBoot MyBatis快速入門-簡單例子,需要的朋友可以參考下2021-07-07
這篇文章主要介紹了Java之網(wǎng)絡編程案例講解,本篇文章通過簡要的案例,講解了該項技術的了解與使用,以下就是詳細內容,需要的朋友可以參考下2021-07-07
spring boot實現(xiàn)profiles動態(tài)切換的示例
Spring Boot支持在不同的環(huán)境下使用不同的配置文件，該技術非常有利于持續(xù)集成，在構建項目的時候只需要使用不同的構建命令就可以生成不同運行環(huán)境下war包，而不需要手動切換配置文件。2020-10-10
大家好，本篇文章主要講的是JAVA多種方法實現(xiàn)字符串反轉，感興趣的同學趕快來看一看吧，對你有幫助的話記得收藏一下，方便下次瀏覽2022-01-01
java 使用memcached以及spring 配置memcached完整實例代碼
本篇文章主要介紹了java 使用memcached以及spring 配置memcached完整實例代碼，具有一定的參考價值，有興趣的可以了解一下2017-07-07
這篇文章主要介紹了IDEA項目代碼上傳gitlab遠程倉庫過程圖解,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2020-09-09