java IO流讀取圖片供前臺(tái)顯示代碼分享
最近項(xiàng)目中需要用到IO流來(lái)讀取圖片以提供前臺(tái)頁(yè)面展示,由于以前一直是用url路徑的方式進(jìn)行圖片展示,一聽(tīng)說(shuō)要項(xiàng)目要用IO流讀取圖片感覺(jué)好復(fù)雜一樣,但任務(wù)下達(dá)下來(lái)了,做為程序員只有選擇去執(zhí)行嘍,于是找了點(diǎn)資料看了會(huì)api,
嘿感覺(jué)挺簡(jiǎn)單的,由于是第一次采用IO流的方式進(jìn)行讀取圖片供頁(yè)面顯示,所以把以下代碼記錄一下
后臺(tái)代碼:
/**
* 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;
}
前臺(tái)代碼 - 方式一:
<span style="white-space:pre;"> </span><div style="float: left;">
<#--${model.userDatil.photo} 為數(shù)據(jù)庫(kù)存放的文件名稱(chēng)-->
<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ǎn)單,前臺(tái)就可以顯示圖片了,總共才幾句代碼,就不額外注釋說(shuō)明了
總結(jié)
已上就是本文關(guān)于java IO流讀取圖片供前臺(tái)顯示代碼分享的全部?jī)?nèi)容，希望對(duì)大家有所幫助。感興趣的朋友可以繼續(xù)參閱本站其他相關(guān)專(zhuān)題，如有不足之處，歡迎留言指出。感謝朋友們對(duì)本站的支持！
相關(guān)文章
下面小編就為大家?guī)?lái)一篇淺談Timer和TimerTask與線程的關(guān)系。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-03-03
Spring?Boot的幾種統(tǒng)一處理方式梳理小結(jié)
這篇文章主要為大家介紹了Spring?Boot的幾種統(tǒng)一處理方式梳理小結(jié)，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-05-05
Eureka是Spring Cloud Netflix的一部分，是一個(gè)服務(wù)注冊(cè)中心。其服務(wù)生態(tài)中主要有三個(gè)角色：Eureka注冊(cè)中心、服務(wù)提供者、服務(wù)消費(fèi)者。服務(wù)提供者注冊(cè)到Eureka后，服務(wù)消費(fèi)者就能夠直接向Eureka查詢(xún)當(dāng)前有哪些服務(wù)可用，再?gòu)闹羞x取一個(gè)消費(fèi).本文講解如何搭建分布式微服務(wù)2021-06-06
maven打包所有依賴(lài)對(duì)外提供sdk.jar
這篇文章主要介紹了maven打包所有依賴(lài)，對(duì)外提供sdk.jar,本文給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2023-06-06
基于Java HttpClient和Htmlparser實(shí)現(xiàn)網(wǎng)絡(luò)爬蟲(chóng)代碼
這篇文章主要介紹了基于Java HttpClient和Htmlparser實(shí)現(xiàn)網(wǎng)絡(luò)爬蟲(chóng)代碼的相關(guān)資料,需要的朋友可以參考下2015-12-12
IDEA創(chuàng)建springboot依賴(lài)下載很慢的解決方法
maven會(huì)使用遠(yuǎn)程倉(cāng)庫(kù)來(lái)加載依賴(lài),是一個(gè)國(guó)外的網(wǎng)站,所以會(huì)很慢,本文主要介紹了IDEA創(chuàng)建springboot依賴(lài)下載很慢的解決方法,具有一定的參考價(jià)值,感興趣的可以了解一下2023-12-12
java -jar指定端口或配置文件啟動(dòng)jar問(wèn)題
這篇文章主要介紹了java -jar指定端口或配置文件啟動(dòng)jar問(wèn)題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2023-09-09
這篇文章主要介紹了Java的泛型，針對(duì)利用繼承來(lái)實(shí)現(xiàn)通用程序設(shè)計(jì)所產(chǎn)生的問(wèn)題，泛型提供了更好的解決方案，需要的朋友可以參考一下2022-04-04
SpringBoot+Mybatis+Vue 實(shí)現(xiàn)商品模塊的crud操作
這篇文章主要介紹了SpringBoot+Mybatis+Vue 實(shí)現(xiàn)商品模塊的crud操作,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-10-10
java中將list用逗號(hào)隔開(kāi)拼成字符串的4種方法例子
我們經(jīng)常在開(kāi)發(fā)過(guò)程之中會(huì)遇到需要把返回的Id list轉(zhuǎn)換為一個(gè)使用逗號(hào)(,)分隔的字符串,下面這篇文章主要給大家介紹了關(guān)于java中將list用逗號(hào)隔開(kāi)拼成字符串的4種方法例子,需要的朋友可以參考下2024-01-01