java IO流讀取圖片供前臺顯示代碼分享
最近項(xiàng)目中需要用到IO流來讀取圖片以提供前臺頁面展示,由于以前一直是用url路徑的方式進(jìn)行圖片展示,一聽說要項(xiàng)目要用IO流讀取圖片感覺好復(fù)雜一樣,但任務(wù)下達(dá)下來了,做為程序員只有選擇去執(zhí)行嘍,于是找了點(diǎn)資料看了會api,
嘿感覺挺簡單的,由于是第一次采用IO流的方式進(jìn)行讀取圖片供頁面顯示,所以把以下代碼記錄一下
后臺代碼:
/**
* IO流讀取圖片 by:long
* @return
*/
@RequestMapping(value = "/IoReadImage/{imgName}", method = RequestMethod.GET)
public String IoReadImage(@PathVariable String imgName,HttpServletRequest request,HttpServletResponse response) throws IOException {
ServletOutputStream out = null;
FileInputStream ips = null;
try {
//獲取圖片存放路徑
String imgPath = Constans.FOLDER_IMAGE + imgName;
ips = new FileInputStream(new File(imgPath));
response.setContentType("multipart/form-data");
out = response.getOutputStream();
//讀取文件流
int len = 0;
byte[] buffer = new byte[1024 * 10];
while ((len = ips.read(buffer)) != -1){
out.write(buffer,0,len);
}
out.flush();
}
catch (Exception e){
e.printStackTrace();
}
finally {
out.close();
ips.close();
}
return null;
}
前臺代碼 - 方式一:
<span style="white-space:pre;"> </span><div style="float: left;">
<#--${model.userDatil.photo} 為數(shù)據(jù)庫存放的文件名稱-->
<img src="${ctx}/userInfo/IoReadImage/${model.userDatil.photo}" id="npcImg" width="125" height="148"/>
<input type="hidden" id="photo" name="photo"/>
</div>
js代碼 - 方式二:
var npcName = $('#npcImg').data('val');
var img = document.getElementById("npcImg");
img.src = '/userInfo/IoReadImage/'+npcName;
jQuery代碼 - 方式三:
$('#npcImg').attr('src','/userInfo/IoReadImage/'+npcName);
好了就這么簡單,前臺就可以顯示圖片了,總共才幾句代碼,就不額外注釋說明了

總結(jié)
已上就是本文關(guān)于java IO流讀取圖片供前臺顯示代碼分享的全部內(nèi)容,希望對大家有所幫助。感興趣的朋友可以繼續(xù)參閱本站其他相關(guān)專題,如有不足之處,歡迎留言指出。感謝朋友們對本站的支持!
相關(guān)文章
Spring?Boot的幾種統(tǒng)一處理方式梳理小結(jié)
這篇文章主要為大家介紹了Spring?Boot的幾種統(tǒng)一處理方式梳理小結(jié),有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-05-05
基于Java HttpClient和Htmlparser實(shí)現(xiàn)網(wǎng)絡(luò)爬蟲代碼
這篇文章主要介紹了基于Java HttpClient和Htmlparser實(shí)現(xiàn)網(wǎng)絡(luò)爬蟲代碼的相關(guān)資料,需要的朋友可以參考下2015-12-12
IDEA創(chuàng)建springboot依賴下載很慢的解決方法
maven會使用遠(yuǎn)程倉庫來加載依賴,是一個國外的網(wǎng)站,所以會很慢,本文主要介紹了IDEA創(chuàng)建springboot依賴下載很慢的解決方法,具有一定的參考價值,感興趣的可以了解一下2023-12-12
SpringBoot+Mybatis+Vue 實(shí)現(xiàn)商品模塊的crud操作
這篇文章主要介紹了SpringBoot+Mybatis+Vue 實(shí)現(xiàn)商品模塊的crud操作,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-10-10

