이미지 파일을 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를 이용하지 않고 바로 변환해 사용하시려면 아래 링크를 이용하시면 편합니다.
게시글 목록
| 번호 | 제목 |
|---|---|
| 11208 |
JavaScript
글자 깜박임 blink 익스에서 구현
3
|
| 11205 | |
| 11202 | |
| 11198 |
JavaScript
select선택에따른추가select동적으로보여주기
3
|
| 11197 | |
| 17717 | |
| 11194 | |
| 11192 |
JavaScript
두 종류의 메뉴셋 사용시 메뉴선택 표시 문제
1
|
| 11190 | |
| 17708 | |
| 20659 | |
| 20653 | |
| 17702 |
견적서
견적서의뢰 ....
5
|
| 17693 | |
| 11186 | |
| 20649 | |
| 11184 | |
| 11179 | |
| 11177 | |
| 11176 |
JavaScript
도와주세요~
|
| 20648 | |
| 20643 | |
| 20639 | |
| 11175 |
JavaScript
자바스크립트 입문자인데..이미지 변경 스크립트..좀 도와주세여
|
| 11167 |
jQuery
list sort에 좋은것
7
|
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기