SpringBoot上傳圖片的示例
更新時(shí)間：2020年11月07日 09:02:18 作者：DayRain
這篇文章主要介紹了SpringBoot上傳圖片的示例，幫助大家更好的理解和使用springboot框架，感興趣的朋友可以了解下
說明：通常項(xiàng)目中，如果圖片比較多的話，都會(huì)把圖片放在專門的服務(wù)器上，而不會(huì)直接把圖片放在業(yè)務(wù)代碼所在的服務(wù)器上。下面的例子只是為了學(xué)習(xí)基本流程，所以放在了本地。
1、單張圖片上傳
1.1、前端用表單提交
前端代碼：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <form method="post" action="/uploads" enctype="multipart/form-data"> <input type="file" name="files" multiple> <input type="submit" value="上傳"> </form> </body> </html>
后端代碼;
SimpleDateFormat formatter = new SimpleDateFormat("/yyyy/MM/dd/");
@RequestMapping("/upload")
public String fileUpload(MultipartFile file, HttpServletRequest request){
String time = formatter.format(new Date());
//圖片上傳服務(wù)器后所在的文件夾
String realPath = request.getServletContext().getRealPath("/img") + time;
File folder = new File(realPath);
if(!folder.exists())
folder.mkdirs();
//通常需要修改圖片的名字（防止重復(fù)）
String oldName = file.getOriginalFilename();
String newName = UUID.randomUUID() + oldName.substring(oldName.lastIndexOf("."));
try {
//將文件放到目標(biāo)文件夾
file.transferTo(new File(folder, newName));
//通常還需要返回圖片的URL，為了通用性，需要?jiǎng)討B(tài)獲取協(xié)議，不要固定寫死
String returnUrl = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + "/img" + time + newName;
return returnUrl;
} catch (IOException e) {
e.printStackTrace();
}
return null;
}
1.2、前端用ajax提交
前端代碼與上面的略有不同，后臺(tái)代碼是一樣的。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<input type="file" id="file">
<input type="submit" value="上傳" onclick="uploadFile()">
<h1 id="result"></h1>
</body>
<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js">
</script>
<script>
function uploadFile() {
var file = $("#file")[0].files[0];
var formData = new FormData();
formData.append("file", file);
$.ajax({
type:"post",
url:"/upload",
processData:false,
contentType:false,
data:formData,
success:function (msg) {
$("#result").html(msg);
}
})
}
</script>
</html>
2、多個(gè)圖片上傳
前端代碼：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <form method="post" action="/uploads" enctype="multipart/form-data"> <input type="file" name="files" multiple> <input type="submit" value="上傳"> </form> </body> </html>
后臺(tái)代碼：
@RequestMapping("/uploads")
public String fileUploads(MultipartFile[]files, HttpServletRequest request){
String time = formatter.format(new Date());
//圖片上傳服務(wù)器后所在的文件夾
String realPath = request.getServletContext().getRealPath("/img") + time;
File folder = new File(realPath);
if(!folder.exists())
folder.mkdirs();
for (MultipartFile file : files) {
//通常需要修改圖片的名字（防止重復(fù)）
String oldName = file.getOriginalFilename();
String newName = UUID.randomUUID() + oldName.substring(oldName.lastIndexOf("."));
try {
//將文件放到目標(biāo)文件夾
file.transferTo(new File(folder, newName));
//通常還需要返回圖片的URL，為了通用性，需要?jiǎng)討B(tài)獲取協(xié)議，不要固定寫死
String returnUrl = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + "/img" + time + newName;
System.out.println(returnUrl);
} catch (IOException e) {
e.printStackTrace();
}
}
return null;
}
3、問題記錄
在后臺(tái)代碼中，有一行需要注意下：
String realPath = request.getServletContext().getRealPath("/img") + time;
需要理解一下realPath究竟指的是什么。剛開始測(cè)試的時(shí)候，圖片上傳成功后，后臺(tái)idea里找不到對(duì)應(yīng)的圖片，然后根據(jù)它返回的realPath，在C盤用戶目錄下的某個(gè)文件夾里找到了該圖片（user/AppData/....）。
shift+shift 全局搜索 getCommonDocumentRoot這個(gè)方法，點(diǎn)進(jìn)去，有個(gè)靜態(tài)數(shù)組：COMMON_DOC_ROOTS
private static final String[] COMMON_DOC_ROOTS = new String[]{"src/main/webapp", "public", "static"};
發(fā)現(xiàn)默認(rèn)是指webapp下，或者根目錄下的public、static文件夾（與src并列）。然而這些目錄都沒有，所以Spring定向到了工程目錄以外的一個(gè)位置。
于是我在根目錄下新建一個(gè)static文件夾，再次上傳，果然有效了。
以上就是SpringBoot上傳圖片的示例的詳細(xì)內(nèi)容，更多關(guān)于SpringBoot上傳圖片的資料請(qǐng)關(guān)注腳本之家其它相關(guān)文章！
相關(guān)文章
本文主要介紹了Java中Boolean引發(fā)缺陷的解決，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-06-06
springboot v2.0.3版本多數(shù)據(jù)源配置方法
這篇文章主要介紹了springboot v2.0.3版本多數(shù)據(jù)源配置方法，本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值 ,需要的朋友可以參考下2018-11-11
List集合對(duì)象中按照不同屬性大小排序的實(shí)例
下面小編就為大家?guī)硪黄狶ist集合對(duì)象中按照不同屬性大小排序的實(shí)例。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-03-03
這篇文章主要介紹了Java正則表達(dá)式語法，包括常用正則表達(dá)式、匹配驗(yàn)證-驗(yàn)證Email是否正確以及字符串中查詢字符或者字符串，感興趣的小伙伴們可以參考一下2021-10-10
intellij idea 啟動(dòng)tomcat 1099端口被占用的解決
這篇文章主要介紹了intellij idea 啟動(dòng)tomcat 1099端口被占用的解決，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-09-09
這篇文章主要給大家介紹了關(guān)于Spring源碼解密之默認(rèn)標(biāo)簽的解析的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧。2018-01-01
jstack用于生成java虛擬機(jī)當(dāng)前時(shí)刻的線程快照,下面這篇文章主要給大家介紹了關(guān)于Java中工具Jstack使用的相關(guān)資料,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-04-04
Java內(nèi)存各部分OOM出現(xiàn)原因及解決方法(必看)
下面小編就為大家?guī)硪黄狫ava內(nèi)存各部分OOM出現(xiàn)原因及解決方法(必看)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-04-04
在java中提供有對(duì)于文件操作系統(tǒng)的支持,這個(gè)支持在java.io.File類中進(jìn)行了定義,也就是說在整個(gè)java.io包中File類是唯一一個(gè)與文件本身操作有關(guān)的類(創(chuàng)建,刪除,重命名)有關(guān)的類,而如果想要進(jìn)行File類的操作,我們需要提供有完整的路徑支持,而后可以調(diào)用相應(yīng)的方法進(jìn)行處理2022-09-09
不喜歡羅里吧嗦，講的很精簡(jiǎn)易懂。從基礎(chǔ)開始講，后續(xù)會(huì)講到JAVA高級(jí)，中間會(huì)穿插面試題和項(xiàng)目實(shí)戰(zhàn)，希望能給大家?guī)韼椭?/div> 2022-03-03最新評(píng)論