java IO流讀取圖片供前臺顯示代碼分享
最近項目中需要用到IO流來讀取圖片以提供前臺頁面展示,由于以前一直是用url路徑的方式進行圖片展示,一聽說要項目要用IO流讀取圖片感覺好復(fù)雜一樣,但任務(wù)下達下來了,做為程序員只有選擇去執(zhí)行嘍,于是找了點資料看了會api,
嘿感覺挺簡單的,由于是第一次采用IO流的方式進行讀取圖片供頁面顯示,所以把以下代碼記錄一下
后臺代碼:
/**
* 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學(xué)習筆記之RedisTemplate的配置與使用教程
這篇文章主要給大家介紹了關(guān)于Spring學(xué)習筆記之RedisTemplate配置與使用的相關(guān)資料,文中通過示例代碼介紹的非常詳細,對大家學(xué)習或者使用spring具有一定的參考學(xué)習價值,需要的朋友們下面隨著小編來一起學(xué)習學(xué)習吧2018-06-06
Spring IOC:CreateBean環(huán)節(jié)中的流程轉(zhuǎn)換
Spring IOC 體系是一個很值得深入和研究的結(jié)構(gòu) , 只有自己真正的讀一遍 , 才能有更好的理解.這篇文章主要說明一下 CreateBean 整個環(huán)節(jié)中的大流程轉(zhuǎn)換 , 便于查找問題的原因2021-05-05
Spring注解驅(qū)動之BeanFactoryPostProcessor原理解析
這篇文章主要介紹了Spring注解驅(qū)動之BeanFactoryPostProcessor原理,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教2022-09-09

