快捷導(dǎo)航

java IO流讀取圖片供前臺(tái)顯示代碼分享

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

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

最近項(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)文章

深入理解Java原生的序列化機(jī)制
Java 提供了一種對(duì)象序列化的機(jī)制，該機(jī)制中，一個(gè)對(duì)象可以被表示為一個(gè)字節(jié)序列，該字節(jié)序列包括該對(duì)象的數(shù)據(jù)、有關(guān)對(duì)象的類(lèi)型的信息和存儲(chǔ)在對(duì)象中數(shù)據(jù)的類(lèi)型。下面小編和大家來(lái)一起學(xué)習(xí)一下吧
2019-06-06
JDK下載與安裝超詳細(xì)步驟大全
學(xué)習(xí)JAVA必須得安裝一下JDK(java development kit java開(kāi)發(fā)工具包),配置一下環(huán)境就可以學(xué)習(xí)JAVA了,下面這篇文章主要給大家介紹了關(guān)于JDK下載與安裝步驟的相關(guān)資料,需要的朋友可以參考下
2022-08-08
MapReduce中ArrayWritable 使用指南
MapReduce是一種編程模型，用于大規(guī)模數(shù)據(jù)集的并行運(yùn)算。概念"Map(映射)"和"Reduce(歸約)"和他們的主要思想，都是從函數(shù)式編程語(yǔ)言里借來(lái)的，還有從矢量編程語(yǔ)言里借來(lái)的特性。他極大地方便了編程人員在不會(huì)分布式并行編程的情況下，將自己的程序運(yùn)行在分布式系統(tǒng)上。
2014-08-08
Java中LinkedHashMap源碼解析
這篇文章主要為大家解析了Java中LinkedHashMap源碼，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-09-09
基于Java實(shí)現(xiàn)圖形驗(yàn)證碼工具類(lèi)
這篇文章主要為大家詳細(xì)介紹了如何基于Java實(shí)現(xiàn)圖形驗(yàn)證碼工具類(lèi),文中的示例代碼講解詳細(xì),感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下
2024-11-11
java中使用xls格式化xml的實(shí)例
這篇文章主要介紹了java中調(diào)用xls格式化xml的實(shí)例的相關(guān)資料,需要的朋友可以參考下
2017-07-07
Spring學(xué)習(xí)筆記之RedisTemplate的配置與使用教程
這篇文章主要給大家介紹了關(guān)于Spring學(xué)習(xí)筆記之RedisTemplate配置與使用的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家學(xué)習(xí)或者使用spring具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2018-06-06
Spring IOC:CreateBean環(huán)節(jié)中的流程轉(zhuǎn)換
Spring IOC 體系是一個(gè)很值得深入和研究的結(jié)構(gòu) , 只有自己真正的讀一遍 , 才能有更好的理解.這篇文章主要說(shuō)明一下 CreateBean 整個(gè)環(huán)節(jié)中的大流程轉(zhuǎn)換 , 便于查找問(wèn)題的原因
2021-05-05
java+testng+selenium的自動(dòng)化測(cè)試實(shí)例
這篇文章主要介紹了java+testng+selenium的自動(dòng)化測(cè)試實(shí)例，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
2022-11-11
Spring注解驅(qū)動(dòng)之BeanFactoryPostProcessor原理解析
這篇文章主要介紹了Spring注解驅(qū)動(dòng)之BeanFactoryPostProcessor原理，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
2022-09-09