這篇文章主要介紹了Spring Boot利用 ajax實(shí)現上傳圖片功能,基于本文圖文實(shí)例相結??合，給大家介紹的利用非常詳細，具有一定的實(shí)現上傳參考借鑒價(jià)值，需要的圖片朋友可以參考下

SpringBoot重寫(xiě)addResourceHandlers映射文件??路徑

@Override
public void addResourceHandlers??(ResourceHandlerRegistry registry) {
registry.addResourceHandler("/imctemp-rainy/**").addResourceLocations("file:D:/E/");
}

設置靜態(tài)資源路徑

2. 表單 前端 頁(yè)面

<input type="fi(?????)le" name="file" id="file"&g??t;
<p id='url'><img src="" width=200></p>
<input type='button' id="button" value="上傳" >
$(function () {
$("#button").click(function () {
var form = new FormData();
form.append("file??", document.getElementById("file").??files[0]);
$.ajax({
url: "/stu/up??load", //后臺url
data:(?????) form,
cache: false,
async: false,
type: "POST", //類(lèi)型，POST或者GET
dataType: 'json',基于 //數據返回類(lèi)型，可以是利用xml、json等
processData: false,實(shí)現上傳
contentType: false,
success: function (data) { //成功，回調函數
if (data) {
var pic="/imctemp-rainy/"+data.fileName;
$("#url img").attr("src",圖片pic);
// alert(JSON.stringify(???data));
} else {
alert("失敗");
}
},
error: function (er) { //失敗，回調函數
alert(JSON.stringify(data));
}
});
})
})

控制器

public stati(′?_?`)c void uploadFile(byte[] file,基于 String filePath, String fileName) throws Exception {
File targetFile = new File(filePath);
if (!targetFile.exists()) {
targe??tFile.mkdirs();
}
FileOutputStream out = new FileOutputStream(filePath +"/"+ fileName);
out.write(fˉ\_(ツ)_/ˉile);
out.flush();
out.close();
}
//處理文件上傳
@ResponseBody //返回json數據
@RequestMapping(value = "upload", method = RequestMethod.POST)
public JSONObject uploadImg(@RequestPar(′?_?`)am("file") MultipartFile file,HttpServletRequest request) {
String contentType = file.getContentType();
System.out.print((╯°□°）╯︵ ┻━┻contentType);
String fileName = System.currentTimeMillis()+file.getOriginalFilename();
String filePath = "D:/E";
JSONObject jo = new JSONObject();//實(shí)例化json數據

if (fil??e.isEmpty()) {
jo.put("success", 0);
jo.put("fileName", "");
}
try {
uploadFile(file.getBytes(), filePath, fileName);
jo.put("success", 1);
jo.put("fileName", fileName)??;
// jo.put("xfileName", filePath+"/"+fileName);
} catch (Exception e) {
// TODO: handle exception

}

//返回json
return jo;
}

總結

以上所述是小編給大家介紹的基于Spring Boot利用 ajax實(shí)現上傳圖片功能，希望對大家有所幫助，利用如果大家有任何疑問(wèn)請給我留言，實(shí)現上傳小編會(huì )及時(shí)回復大家的圖片。在此也非常感謝大家對腳本之家網(wǎng)站的基于支持！

如果你覺(jué)得本文對你有幫助??，利用歡迎轉載，實(shí)現上傳煩請注明出處，謝謝！

來(lái)源：腳本之家

鏈??接：https://??www.jb51.net/article/174084.htm