Java IO-Stream-Lesen von Bildern für die前台显示代码geteilt

In meinem letzten Projekt musste ich IO-Streams verwenden, um Bilder für die Anzeige auf der Frontend-Seite zu lesen, da ich früher immer URLs verwendet habe, um Bilder anzuzeigen, und als ich hörte, dass das Projekt IO-Streams zur Lesung von Bildern verwenden müsste, fühlte ich es sich kompliziert an, aber die Aufgabe wurde mir erteilt, als Programmierer habe ich nur die Wahl, sie auszuführen, also habe ich ein paar Informationen gefunden und habe die API angesehen,

Hey, es fühlt sich ziemlich einfach an, da es das erste Mal ist, dass ich IO-Streams verwende, um Bilder für die Anzeige auf der Seite zu lesen, also habe ich den folgenden Code notiert

后台代码:

/** 
   * 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;
}

Oberflächencode - Methode 1:

<span style="white-space:pre;"> </span><div style="float: left;"> 
     <#--${model.userDatil.photo} ist der Dateiname, der in der Datenbank gespeichert wird--> 
     <img src="${ctx}/userInfo/IoReadImage/${model.userDatil.photo}" id="npcImg" width="125" height="148"/> 
     <input type="hidden" id="photo" name="photo"/> 
    </div> 

js-Code - Methode 2:

var npcName = $('#npcImg').data('val'); 
var img = document.getElementById("npcImg"); 
img.src = '"/userInfo/IoReadImage/+npcName; 

jQuery-Code - Methode 3:

$('#npcImg').attr('src','/userInfo/IoReadImage/+npcName); 

Es ist so einfach, dass das Bild auf der Oberfläche angezeigt werden kann. Es sind nur einige Zeilen Code, daher werden keine zusätzlichen Kommentare hinzugefügt.

Zusammenfassung

Das sind alle Inhalte dieses Artikels über die Code-Sharing-Methode zur Lesung von Bildern durch java IO-Flüsse für die Anzeige auf der Oberfläche. Ich hoffe, dass es Ihnen hilft. Freunde, die daran interessiert sind, können weiterhin andere relevante Themen auf dieser Website lesen. Wenn es Mängel gibt, sind Kommentare willkommen. Vielen Dank für die Unterstützung der Freunde dieser Website!

Erklärung: Der Inhalt dieses Artikels wurde aus dem Internet übernommen und gehört dem Urheber. Der Inhalt wurde von Internetnutzern freiwillig beigesteuert und hochgeladen. Diese Website besitzt keine Eigentumsrechte und hat den Inhalt nicht manuell bearbeitet. Sie übernimmt auch keine rechtlichen Verantwortlichkeiten. Wenn Sie verdächtige urheberrechtliche Inhalte finden, sind Sie herzlich eingeladen, eine E-Mail an notice#w zu senden.3codebox.com (Bitte ersetzen Sie # durch @ beim Senden von E-Mails und geben Sie relevante Beweise an. Sobald nachgewiesen wird, dass der Inhalt urheberrechtlich geschützt ist, wird diese Website den fraglichen Inhalt sofort löschen.)