快捷導(dǎo)航

java IO流讀取圖片供前臺顯示代碼分享

更新時間：2017年12月23日 09:47:01 作者：江西DJ煙仔ReMix

這篇文章主要介紹了java IO流讀取圖片供前臺顯示代碼分享，具有一定借鑒價值，需要的朋友可以參考下。

最近項目中需要用到IO流來讀取圖片以提供前臺頁面展示,由于以前一直是用url路徑的方式進(jìn)行圖片展示,一聽說要項目要用IO流讀取圖片感覺好復(fù)雜一樣,但任務(wù)下達(dá)下來了,做為程序員只有選擇去執(zhí)行嘍,于是找了點資料看了會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)文章

淺談Timer和TimerTask與線程的關(guān)系
下面小編就為大家?guī)硪黄獪\談Timer和TimerTask與線程的關(guān)系。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-03-03
Spring?Boot的幾種統(tǒng)一處理方式梳理小結(jié)
這篇文章主要為大家介紹了Spring?Boot的幾種統(tǒng)一處理方式梳理小結(jié)，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2023-05-05
如何用Eureka + Feign搭建分布式微服務(wù)
Eureka是Spring Cloud Netflix的一部分，是一個服務(wù)注冊中心。其服務(wù)生態(tài)中主要有三個角色：Eureka注冊中心、服務(wù)提供者、服務(wù)消費(fèi)者。服務(wù)提供者注冊到Eureka后，服務(wù)消費(fèi)者就能夠直接向Eureka查詢當(dāng)前有哪些服務(wù)可用，再從中選取一個消費(fèi).本文講解如何搭建分布式微服務(wù)
2021-06-06
maven打包所有依賴對外提供sdk.jar
這篇文章主要介紹了maven打包所有依賴，對外提供sdk.jar,本文給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下
2023-06-06
基于Java HttpClient和Htmlparser實現(xiàn)網(wǎng)絡(luò)爬蟲代碼
這篇文章主要介紹了基于Java HttpClient和Htmlparser實現(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
java -jar指定端口或配置文件啟動jar問題
這篇文章主要介紹了java -jar指定端口或配置文件啟動jar問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教
2023-09-09
java簡明例舉講解泛型
這篇文章主要介紹了Java的泛型，針對利用繼承來實現(xiàn)通用程序設(shè)計所產(chǎn)生的問題，泛型提供了更好的解決方案，需要的朋友可以參考一下
2022-04-04
SpringBoot+Mybatis+Vue 實現(xiàn)商品模塊的crud操作
這篇文章主要介紹了SpringBoot+Mybatis+Vue 實現(xiàn)商品模塊的crud操作,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2020-10-10
java中將list用逗號隔開拼成字符串的4種方法例子
我們經(jīng)常在開發(fā)過程之中會遇到需要把返回的Id list轉(zhuǎn)換為一個使用逗號(,)分隔的字符串,下面這篇文章主要給大家介紹了關(guān)于java中將list用逗號隔開拼成字符串的4種方法例子,需要的朋友可以參考下
2024-01-01