이미지 파일을 base64 로 인코딩하여 전송 및 보여주기

네이비컬러

프로필 보기 이 회원 글보기 이 회원의 댓글보기

· 11년 전 · 조회 7731 7731

일도 손에 잡히지 않고 구상도 떠오르지도 않고...

그냥 저냥 놀자니 참았던 술 생각도 나고,,, 해서

뭐가 없을까 하다 며칠전에 했던거 심심풀이 용으로 올립니다. 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);

[/code]

====

php를 이용하지 않고 바로 변환해 사용하시려면 아래 링크를 이용하시면 편합니다.

http://base64img.com/#encode

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

게시판 목록

개발자팁

개발과 관련된 유용한 정보를 공유하세요.
질문은 QA에서 해주시기 바랍니다.

글쓰기

번호	분류	제목	글쓴이	날짜	조회
5276		자바스크립 시계 [한국시간 고정] [8]	오땡스 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1336
5275		라라곤 6.0 데이타베이스 패스워드 설정하기 [1]	마젠토 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1405
5274	기타	특정 기기 접근 금지시키는 스크립트	Tak2 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	820
5273	JavaScript	ThreeJS - 3D Bar and Progress Bar [1]	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1053
5272	node.js	RAM점유크기에 의한 노드서버관리	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	748
5271	JavaScript	Javascript Undo, Redo 기능 구현하기	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1498
5270	PHP	PHP에서 다운로드로직을 구현할때 서버부하문제를 고려한 방법	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	847
5269	node.js	nodejs서버가 사용중인 메모리에 대한 로그	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	684
5268	node.js	node.js에서 스케쥴링작성 [8]	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1217
5267	PHP	파일의 MIME 타입을 얻기 위한 클래스 [1]	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1599
5266	MySQL	InnoDB와 MyISAM의 우단점	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1095
5265	PHP	코드이그나이터와 라라벨의 비교 [1]	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	2035
5264	JavaScript	자바스크립트 기반으로 HTML Canvas에 이미지를 불러들여 테두리색입히기	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	861
5263	기타	일반 tcp소켓과 웹소켓의 비교 [5]	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	2984
5262	기타	다중 소켓 포트와 한 개의 소켓 포트 비교	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	670
5261	node.js	tcp소켓과 websocket 의 비교 [2]	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1065
5260	JavaScript	JavaScript로 이미지의 부분 영역을 따내기	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1514
5259	node.js	JWT란 무엇이며 nodejs에서 JWT를 구현하기 위한 방법	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	736
5258	node.js	Node.js 코드를 실행 가능한 단일 실행 파일로 묶는 방법	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1749
5257	node.js	노드에서 이미지 자료를 웹소켓을 통해 클라이언트에 전송하고, 클라이언트에서는 웹소켓을 통해 이미지를 받아서 웹브라우저에 표시 [1]	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1299
5256	PHP	PHP를 사용하여 TCP 소켓 서버를 만드는 방법	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1941
5255	node.js	nodejs로 망기판을 선택하여 그 망기판으로 외부와 통신하는 코드 [1]	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	692
5254	PHP	PHP로 웹소켓서버를 생성하여 채팅기능 구현하기 [2]	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	3015
5253	node.js	Node.js로 지속적인 핑 결과를 파일로 저장	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	680
5252	정규표현식	특수문자 제거, 우리글짜가 있는지 체크	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	625
5251	node.js	Node.js에서 PDF 파일의 페이지 수를 얻기	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	882
5250	PHP	PHP로 pdf의 페이지수를 얻기 [1]	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1116
5249	node.js	Node.js로 워터마킹 기능을 구현하는 방법	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1066
5248	PHP	PHP를 사용하여 이미지에 워터마크를 추가하는 방법 한가지	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1411
5247	node.js	NodeJS에서 image를 업로드 하면 그와 유사한 상품리스트 작성하기 [2]	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1018