JS 코드
: window.open 사용
: 이미지가 경로가 아닌 Base64 인코딩된 값
: width, height 이미지사이즈에 맞게 지정가능하다.
나의 경우 base64 인코딩 값이 이미지 src 여서 600px 로 지정해줌
const clickImg = (imgsrc,pageName) =>{
// alert(imgsrc);
var imageWin = new Image();
imageWin = window.open("", "", "width=600px, height=600px");
imageWin.document.write("<html><body style='margin:0'>");
imageWin.document.write("<img src='" + imgsrc + "' border=0>");
imageWin.document.write("</body><html>");
imageWin.document.title = pageName;
}HTML 코드
: 리액트 사용
: onClik 시 clickImg funtion
: clickImg (이미지src , 새창 타이틀 )
<img src={resultMap.picture}
width="100%" height="100%"
onClick={() => clickImg(resultMap.picture,resultMap.pictureId)}
style={{cursor:"pointer"}} /> : ''}
728x90
반응형
'Front-end > JavaScript' 카테고리의 다른 글
| [javaScript] Optional chaining "?." 연산자 (0) | 2021.12.30 |
|---|---|
| [javaScript] URL정보 (window.location) (0) | 2021.12.27 |
| [JavaScript] reload() 메서드 - 페이지 새로고침 (0) | 2021.11.16 |
| 새창을 여는 window.open() 함수 사용법 (0) | 2021.11.09 |
| [JavaScript] 천단위 콤마 찍기, 소수점 포함 (1) | 2021.04.20 |
댓글