欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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

 更新時(shí)間：2017年12月23日 09:47:01   作者：江西DJ煙仔ReMix  
這篇文章主要介紹了java IO流讀取圖片供前臺(tái)顯示代碼分享，具有一定借鑒價(jià)值，需要的朋友可以參考下。

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

嘿感覺挺簡單的,由于是第一次采用IO流的方式進(jìn)行讀取圖片供頁面顯示,所以把以下代碼記錄一下

后臺(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ù)庫存放的文件名稱--> 
     <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);

好了就這么簡單,前臺(tái)就可以顯示圖片了,總共才幾句代碼,就不額外注釋說明了

總結(jié)

已上就是本文關(guān)于java IO流讀取圖片供前臺(tái)顯示代碼分享的全部內(nèi)容，希望對大家有所幫助。感興趣的朋友可以繼續(xù)參閱本站其他相關(guān)專題，如有不足之處，歡迎留言指出。感謝朋友們對本站的支持！

相關(guān)文章

  • 淺談Timer和TimerTask與線程的關(guān)系

    淺談Timer和TimerTask與線程的關(guān)系

    下面小編就為大家?guī)硪黄獪\談Timer和TimerTask與線程的關(guān)系。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
    2017-03-03
  • Spring?Boot的幾種統(tǒng)一處理方式梳理小結(jié)

    Spring?Boot的幾種統(tǒng)一處理方式梳理小結(jié)

    這篇文章主要為大家介紹了Spring?Boot的幾種統(tǒng)一處理方式梳理小結(jié)，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
    2023-05-05
  • 如何用Eureka + Feign搭建分布式微服務(wù)

    如何用Eureka + Feign搭建分布式微服務(wù)

    Eureka是Spring Cloud Netflix的一部分，是一個(gè)服務(wù)注冊中心。其服務(wù)生態(tài)中主要有三個(gè)角色：Eureka注冊中心、服務(wù)提供者、服務(wù)消費(fèi)者。服務(wù)提供者注冊到Eureka后，服務(wù)消費(fèi)者就能夠直接向Eureka查詢當(dāng)前有哪些服務(wù)可用，再從中選取一個(gè)消費(fèi).本文講解如何搭建分布式微服務(wù)
    2021-06-06
  • maven打包所有依賴對外提供sdk.jar

    maven打包所有依賴對外提供sdk.jar

    這篇文章主要介紹了maven打包所有依賴，對外提供sdk.jar,本文給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
    2023-06-06
  • 基于Java HttpClient和Htmlparser實(shí)現(xiàn)網(wǎng)絡(luò)爬蟲代碼

    基于Java HttpClient和Htmlparser實(shí)現(xiàn)網(wǎng)絡(luò)爬蟲代碼

    這篇文章主要介紹了基于Java HttpClient和Htmlparser實(shí)現(xiàn)網(wǎng)絡(luò)爬蟲代碼的相關(guān)資料,需要的朋友可以參考下
    2015-12-12
  • IDEA創(chuàng)建springboot依賴下載很慢的解決方法

    IDEA創(chuàng)建springboot依賴下載很慢的解決方法

    maven會(huì)使用遠(yuǎn)程倉庫來加載依賴,是一個(gè)國外的網(wǎng)站,所以會(huì)很慢,本文主要介紹了IDEA創(chuàng)建springboot依賴下載很慢的解決方法,具有一定的參考價(jià)值,感興趣的可以了解一下
    2023-12-12
  • java -jar指定端口或配置文件啟動(dòng)jar問題

    java -jar指定端口或配置文件啟動(dòng)jar問題

    這篇文章主要介紹了java -jar指定端口或配置文件啟動(dòng)jar問題,具有很好的參考價(jià)值,希望對大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
    2023-09-09
  • java簡明例舉講解泛型

    java簡明例舉講解泛型

    這篇文章主要介紹了Java的泛型，針對利用繼承來實(shí)現(xiàn)通用程序設(shè)計(jì)所產(chǎn)生的問題，泛型提供了更好的解決方案，需要的朋友可以參考一下
    2022-04-04
  • SpringBoot+Mybatis+Vue 實(shí)現(xiàn)商品模塊的crud操作

    SpringBoot+Mybatis+Vue 實(shí)現(xiàn)商品模塊的crud操作

    這篇文章主要介紹了SpringBoot+Mybatis+Vue 實(shí)現(xiàn)商品模塊的crud操作,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2020-10-10
  • java中將list用逗號(hào)隔開拼成字符串的4種方法例子

    java中將list用逗號(hào)隔開拼成字符串的4種方法例子

    我們經(jīng)常在開發(fā)過程之中會(huì)遇到需要把返回的Id list轉(zhuǎn)換為一個(gè)使用逗號(hào)(,)分隔的字符串,下面這篇文章主要給大家介紹了關(guān)于java中將list用逗號(hào)隔開拼成字符串的4種方法例子,需要的朋友可以參考下
    2024-01-01

最新評論