ssm框架上傳圖片保存到本地和數(shù)據(jù)庫(kù)示例
本文介紹了ssm框架上傳圖片保存到本地和數(shù)據(jù)庫(kù)示例,主要使用了Spring+SpringMVC+MyBatis框架,實(shí)現(xiàn)了ssm框架上傳圖片的實(shí)例,具體如下:
1、前臺(tái)部分
<%@ 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){ // 自定義返回前臺(tái)數(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ù)庫(kù) userService.base64test(base64); // 圖片保存到本地 String path = "D:/asdfasdf.jpg"; Base64File file = new Base64File(); file.decoderBase64File(base64, path); // 成功標(biāo)識(shí) 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>
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
Spring data jpa的使用與詳解(復(fù)雜動(dòng)態(tài)查詢及分頁(yè),排序)
這篇文章主要介紹了Spring data jpa的使用與詳解(復(fù)雜動(dòng)態(tài)查詢及分頁(yè),排序),文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-11-11java反射校驗(yàn)參數(shù)是否是基礎(chǔ)類型步驟示例
這篇文章主要為大家介紹了java反射校驗(yàn)參數(shù)是否是基礎(chǔ)類型步驟示例,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-12-12SpringBoot MyBatis簡(jiǎn)單快速入門(mén)例子
MyBatis 是一款優(yōu)秀的持久層框架,它支持自定義 SQL、存儲(chǔ)過(guò)程以及高級(jí)映射。這篇文章主要介紹了SpringBoot MyBatis快速入門(mén)-簡(jiǎn)單例子,需要的朋友可以參考下2021-07-07spring boot實(shí)現(xiàn)profiles動(dòng)態(tài)切換的示例
Spring Boot支持在不同的環(huán)境下使用不同的配置文件,該技術(shù)非常有利于持續(xù)集成,在構(gòu)建項(xiàng)目的時(shí)候只需要使用不同的構(gòu)建命令就可以生成不同運(yùn)行環(huán)境下war包,而不需要手動(dòng)切換配置文件。2020-10-10JAVA多種方法實(shí)現(xiàn)字符串反轉(zhuǎn)
大家好,本篇文章主要講的是JAVA多種方法實(shí)現(xiàn)字符串反轉(zhuǎn),感興趣的同學(xué)趕快來(lái)看一看吧,對(duì)你有幫助的話記得收藏一下,方便下次瀏覽2022-01-01java 使用memcached以及spring 配置memcached完整實(shí)例代碼
本篇文章主要介紹了java 使用memcached以及spring 配置memcached完整實(shí)例代碼,具有一定的參考價(jià)值,有興趣的可以了解一下2017-07-07IDEA項(xiàng)目代碼上傳gitlab遠(yuǎn)程倉(cāng)庫(kù)過(guò)程圖解
這篇文章主要介紹了IDEA項(xiàng)目代碼上傳gitlab遠(yuǎn)程倉(cāng)庫(kù)過(guò)程圖解,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-09-09