이미지 파일을 base64 로 인코딩하여 전송 및 보여주기
일도 손에 잡히지 않고 구상도 떠오르지도 않고...
그냥 저냥 놀자니 참았던 술 생각도 나고,,, 해서
뭐가 없을까 하다 며칠전에 했던거 심심풀이 용으로 올립니다. gkgk
이미지를 php에서 base64로 인코딩하여 페이지에 삽입하여 전송하여 보여 주는 것인데
크기 큰 파일에는 적합하지 않고 냑의 로고처럼 변하지 않는 파일 등에 reload을 줄이는 차원에서
도움이 될 듯 합니다.
p.s. 저는 jpg를 사용했는 데 냑로고(.png)로 바꾸다 보니 여러번 수정하게 되네요. ㅎㅎ
[code]
<?php
$img_source = "해당이미지.png"; // image path/image name
$img_binary = fread(fopen($img_source, "r"), filesize($img_source));
$img_string = base64_encode($img_binary);
?>
<img src="data:image/png;base64,<?php echo $img_string; ?>">
[/code]
====
php를 이용하지 않고 바로 변환해 사용하시려면 아래 링크를 이용하시면 편합니다.
게시글 목록
| 번호 | 제목 |
|---|---|
| 10700 | |
| 10693 | |
| 10691 | |
| 10690 | |
| 10689 | |
| 10688 | |
| 10687 | |
| 10684 | |
| 10683 | |
| 10678 | |
| 10674 | |
| 10670 |
JavaScript
자바스크립트에서 새창 띄우기입니다.
3
|
| 10666 |
PHP
문자열자르기소스입니다.
3
|
| 10662 | |
| 17659 | |
| 20092 |
웹접근성
자바스크립트를 끈 로그인 폼
15
|
| 10658 |
JavaScript
에디터 글양식 변경 기능 문의
3
|
| 10657 | |
| 20088 | |
| 10653 |
Mobile
유투브 api 실행 결과를 담는 방법요?
3
|
| 10648 | |
| 20087 |
CSS
IE6/7 img px 버그
|
| 10641 |
jQuery
JQUERY로 제작된 슬라이드 메뉴입니다.
6
|
| 10639 |
JavaScript
ajax 그리드 문의
1
|
| 10625 |
jQuery
jquery 속도 높이는 팁
13
|
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기