最近、プロジェクトで写真を読むには、前景ページのディスプレイを提供するためにIOストリームが必要です。以前はURLパスを使用して写真を表示していたので、IOストリームはプロジェクトで写真を読む必要があると聞きました。ただし、タスクが発行されており、プログラマーとして、実行することしか選択できないため、情報を見つけてAPIを読みます。
ねえ、それは非常に簡単に感じます。 IOストリーミングがページ表示の写真を読むために初めて使用されるため、次のコードを記録する
背景コード:
/** * ioストリームは画像を読み取ります:long * @return */@requestmapping(value = "/ioreadimage/{imgname}"、method = requestmethod.get)publicvariaia string imgname、httpservletrequest request、httpservletremception opputtuttuttuttuttuttuttuttuttuttuttuttuttuttuttuttuptuttuttuttuttuttuts ips = null; try {//イメージストレージパス文字列imgpath = constans.folder_image + imgname; ips = new fileinputStream(new file(imgpath)); respons.setContentType( "Multipart/form-data"); out = response.getUtputStream(); ((len = ips.read(buffer))!= -1){out.write(buffer、0、len);} out.flush();} catch(excepse e){e.printstacktrace();} fully {out.close(); ips.close();} return null;}フロントデスクコード - 方法1:
<SPAN STYLE = "White-Space:Pre;"> </span> <div style = "float:left;"> <#-{model.userdatil.photo}データベースに保存されているファイル名 - > <{ctx}/userinfo/ioreadimage/$ {model.userdatil.photo} "npctil.photo} type = "hidden" id = "photo" name = "photo"/> </div>JSコード - 方法2:
var npcname = $( '#npcimg')。data( 'val'); var img = document.getElementById( "npcimg"); img.src = '/userinfo/ioreadimage/'+npcname;
jQueryコード - 方法3:
$( '#npcimg')。
わかりました、それは簡単です、フロントデスクは写真を表示できます。合計でコードの文はわずかしかないので、それを説明するための追加のコメントはありません。
要約します
この記事には、Java IOストリームでフロントエンドディスプレイコード共有の写真を読むことに関するコンテンツがたくさんあります。私はそれが誰にでも役立つことを願っています。興味のある友人は、このサイトの他の関連トピックを引き続き参照できます。欠点がある場合は、それを指摘するためにメッセージを残してください。このサイトへのご支援をありがとうございました!