22'C 구름 많음
서울 강남구
img 태그에 이미지 파일을 연결하는 방법이 가장 기본적이지만 여기서 소개하는 방법은 이미지 파일을 base64 로 인코딩한 텍스트 문자로 img 태그에 적용하는 것입니다.
방법은 src 에 이미지 파일 경로를 지정하는 대신에 data:// 를 설정해서 이미지를 표현하는데, 문자열은 text/plan 이고, base64 로 인코딩되어 있음을 지정합니다.
<img src="data:image/gif;base64, ...>
<?php
$data = base64_encode(file_get_contents("test.png"));
echo "<img src='data:image/gif;base64, $data'>";
?>
위 예제와 같이 이미지 파일을 base64 로 인코딩하면 아래 결과에서처럼 텍스트 문자를 얻을 수 있고, 브라우저에서는 아래 결과와 같이 그림으로 출력되게 됩니다.