Code de lecture d'image IO en Java pour l'affichage sur l'interface utilisateur

Récemment, dans le projet, j'ai besoin d'utiliser un flux IO pour lire l'image pour la présentation sur l'interface utilisateur, étant donné que je l'ai toujours montré avec un chemin URL pour les images, quand on m'a dit que le projet devait utiliser un flux IO pour lire l'image, cela semblait très complexe, mais maintenant que la tâche est arrivée, en tant que programmeur, il ne reste que choisir de l'exécuter, donc j'ai trouvé un peu de matériel et j'ai regardé l'api,

Hey, ça semble assez simple, étant donné que c'est la première fois que je lis une image avec un flux IO pour l'affichage sur la page, je vais noter le code suivant

Code en arrière-plan:

/** 
   * Lecture de flux IO d'image par: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 {
		//obtenir le chemin d'accès au stockage des images 
		String imgPath = Constans.FOLDER_IMAGE + imgName;
		ips = new FileInputStream(new File(imgPath));
		response.setContentType("multipart/form-data");
		out = response.getOutputStream();
		//lire le flux de fichier 
		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;
}

Code avant-plan - Méthode 1 :

<span style="white-space:pre;"> </span><div style="float: left;"> 
     <#--${model.userDatil.photo} est le nom de fichier stocké dans la base de données--> 
     <img src="${ctx}/userInfo/IoReadImage/${model.userDatil.photo}" id="npcImg" width="125" height="148"/> 
     <input type="hidden" id="photo" name="photo"/> 
    </div> 

Code JavaScript - Méthode 2 :

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

Code jQuery - Méthode 3 :

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

C'est tout, l'image peut être affichée en avant-plan, ce ne sont que quelques lignes de code, pas de commentaires supplémentaires

Résumé

Voici l'intégralité du partage de code source de lecture d'image IO java pour affichage en avant-plan dans cet article, j'espère que cela vous sera utile. Les amis intéressés peuvent continuer à consulter d'autres sujets pertinents sur ce site. Si vous trouvez des défauts, n'hésitez pas à laisser un message. Merci de votre soutien à ce site !

Déclaration : Le contenu de cet article est tiré d'Internet, propriété de l'auteur original, contribué et téléversé par les utilisateurs d'Internet de manière spontanée. Ce site ne possède pas de propriété, n'a pas été édité par l'homme, et n'assume aucune responsabilité juridique. Si vous trouvez du contenu suspect de violation de droits d'auteur, veuillez envoyer un e-mail à : notice#oldtoolbag.com (veuillez remplacer # par @ lors de l'envoi d'un e-mail pour signaler une violation, et fournir des preuves pertinentes. Une fois vérifié, ce site supprimera immédiatement le contenu suspect de violation de droits d'auteur.)