java IO流读取图片供前台显示代码分享

Recentemente nel progetto è necessario utilizzare gli stream di I/O per leggere immagini per fornire la visualizzazione della pagina前台, poiché in precedenza sempre utilizzavo il percorso URL per la visualizzazione delle immagini, quando ho sentito che il progetto doveva utilizzare gli stream di I/O per leggere immagini, mi sembrava molto complicato, ma una volta ricevuto l'incarico, come programmatore, non ho avuto scelta se non eseguire, quindi ho trovato alcune risorse e ho guardato l'api per un po'.

Sembra piuttosto semplice, visto che è la prima volta che si utilizza il metodo di lettura tramite flusso IO per leggere un'immagine e mostrarla nella pagina, quindi ho deciso di annotare il seguente codice.

Codice back-end:

/** 
   * Lettura dell'immagine tramite flusso 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 {
		//Ottenere il percorso di archiviazione dell'immagine 
		String imgPath = Constans.FOLDER_IMAGE + imgName;
		ips = new FileInputStream(new File(imgPath));
		response.setContentType("multipart/form-data");
		out = response.getOutputStream();
		//Lettura del flusso di file 
		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;
}

Codice front-end - metodo uno:

<span style="white-space:pre;"> </span><div style="float: left;"> 
     <#--${model.userDatil.photo} è il nome del file memorizzato nel database-->} 
     <img src="${ctx}/userInfo/IoReadImage/${model.userDatil.photo}" id="npcImg" width="125" height="148"/> 
     <input type="hidden" id="photo" name="photo"/> 
    </div> 

Codice JavaScript - Metodo due:

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

Codice jQuery - Metodo tre:

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

Ecco fatto, è così semplice, la visualizzazione su前台 può essere eseguita, ci sono solo poche righe di codice, senza ulteriori spiegazioni

Conclusione

Ecco tutto il contenuto condiviso di questo articolo sul codice di lettura di flusso di input/output di Java per la visualizzazione su前台, speriamo che sia utile a tutti. Gli amici interessati possono continuare a consultare altre sezioni correlate di questo sito, e se ci sono punti insufficienti, vi preghiamo di lasciare un messaggio per segnalarli. Grazie per il supporto degli amici a questo sito!

Dichiarazione: il contenuto di questo articolo è stato tratto da Internet, il copyright è dell'autore originale, il contenuto è stato contribuito e caricato autonomamente dagli utenti di Internet, questo sito non detiene i diritti di proprietà, non è stato elaborato manualmente e non assume alcuna responsabilità legale correlata. Se trovi contenuti sospetti di violazione del copyright, ti preghiamo di inviare una email a: notice#oldtoolbag.com (al momento dell'invio dell'email, sostituisci # con @) per segnalare, fornendo prove pertinenti. Una volta verificata, questo sito eliminerà immediatamente il contenuto sospetto di violazione del copyright.