java IO流讀取圖片供前臺顯示代碼分享
更新時間：2017年12月23日 09:47:01 作者：江西DJ煙仔ReMix
這篇文章主要介紹了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)文章
Java 提供了一種對象序列化的機制，該機制中，一個對象可以被表示為一個字節(jié)序列，該字節(jié)序列包括該對象的數(shù)據(jù)、有關(guān)對象的類型的信息和存儲在對象中數(shù)據(jù)的類型。下面小編和大家來一起學(xué)習(xí)一下吧2019-06-06
學(xué)習(xí)JAVA必須得安裝一下JDK(java development kit java開發(fā)工具包),配置一下環(huán)境就可以學(xué)習(xí)JAVA了,下面這篇文章主要給大家介紹了關(guān)于JDK下載與安裝步驟的相關(guān)資料,需要的朋友可以參考下2022-08-08
MapReduce是一種編程模型，用于大規(guī)模數(shù)據(jù)集的并行運算。概念"Map(映射)"和"Reduce(歸約)"和他們的主要思想，都是從函數(shù)式編程語言里借來的，還有從矢量編程語言里借來的特性。他極大地方便了編程人員在不會分布式并行編程的情況下，將自己的程序運行在分布式系統(tǒng)上。2014-08-08
這篇文章主要為大家解析了Java中LinkedHashMap源碼，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-09-09
這篇文章主要為大家詳細介紹了如何基于Java實現(xiàn)圖形驗證碼工具類,文中的示例代碼講解詳細,感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2024-11-11
這篇文章主要介紹了java中調(diào)用xls格式化xml的實例的相關(guān)資料,需要的朋友可以參考下2017-07-07
Spring學(xué)習(xí)筆記之RedisTemplate的配置與使用教程
這篇文章主要給大家介紹了關(guān)于Spring學(xué)習(xí)筆記之RedisTemplate配置與使用的相關(guān)資料，文中通過示例代碼介紹的非常詳細，對大家學(xué)習(xí)或者使用spring具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧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
這篇文章主要介紹了java+testng+selenium的自動化測試實例，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-11-11
Spring注解驅(qū)動之BeanFactoryPostProcessor原理解析
這篇文章主要介紹了Spring注解驅(qū)動之BeanFactoryPostProcessor原理，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-09-09