java中IO流如何讀取圖片供前臺(tái)顯示

這篇文章主要介紹了java中IO流如何讀取圖片供前臺(tái)顯示，具有一定借鑒價(jià)值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

后臺(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 > </span><div > 
     <#--${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ō)明了

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“java中IO流如何讀取圖片供前臺(tái)顯示”這篇文章對(duì)大家有幫助，同時(shí)也希望大家多多支持億速云，關(guān)注億速云行業(yè)資訊頻道，更多相關(guān)知識(shí)等著你來(lái)學(xué)習(xí)!