최근에 전경 페이지 디스플레이를 제공하기 위해 프로젝트의 사진을 읽으려면 IO 스트림이 필요합니다. URL 경로를 사용하여 그림을 표시 했으므로 IO 스트림이 프로젝트에서 사진을 읽어야한다고 들었습니다. 그러나 작업이 발행되었고 프로그래머로서 실행을 선택할 수 있으므로 정보를 찾아 API를 읽었습니다.
이봐, 아주 간단하다고 느낍니다. IO 스트리밍이 처음으로 Page 디스플레이에 대한 그림을 읽는 데 사용되기 때문에 다음 코드를 기록하십시오.
배경 코드 :
/** * io stream : long * @return */@requestmapping (value = "/ioreadimage/{imgname}", method = requestmethod.get) public string ioreadimage (@pathvariable String imgname, httpservletrequest 요청, httpservletresponse 응답) {servlexception ol ouncl out leall; ips = null; try {// 이미지 스토리지 경로를 가져옵니다 String imgpath = constans.folder_image + imgname; ips = new File (imgpath)); response.setContentType ( "multipart/form-data"); out = respone.getOutputStream (); // 읽기 파일 int len = 0; ((len = ips.read (buffer))! = -1) {out.write (buffer, 0, len);} out.flush ();} catch (예외 e) {e.printstacktrace ();} 마지막으로 {out.close (); ips.close ();} return null;}프론트 데스크 코드 - 메소드 1 :
<span style = "white-space : pre;"> "> </span> <div style ="float : 왼쪽; "> <#-$ {model.userdatil.photo} 데이터베이스에 저장된 파일 이름-> <img src ="$ {ctx}/userInfo/ioreadimage/$ {model.userdatil.photo} "id = npcg. 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'). attr ( 'src', '/userinfo/ioreadimage/'+npcname);
좋아, 간단합니다. 프론트 데스크에 사진을 표시 할 수 있습니다. 코드 문장은 거의 없으므로 설명 할 추가 의견이 없습니다.
요약
이 기사는 Java IO 스트림에서 프론트 엔드 디스플레이 코드 공유에 대한 사진을 읽는 것에 대한 내용으로 가득합니다. 모든 사람에게 도움이되기를 바랍니다. 관심있는 친구는이 사이트의 다른 관련 주제를 계속 참조 할 수 있습니다. 단점이 있으면 메시지를 남겨 두십시오. 이 사이트를 지원해 주신 친구들에게 감사드립니다!