html img , a에 직접 이미지, 파일 데이터 넣기

By  | 2015년 10월 14일

HTML img 태그에 직접 데이터를 넣는 방법은 아래와 같다
바이너리 데이터를 base64로 인코딩하여 넣는다.
이미지 타입이 gif이면 data:image/gif, png이면 data:image/png등으로 설정한다

<img src=”data:image/gif;base64,R0lGODlhagJlAfcAA…..” alt=”Embedded Image” />

 

파일인 경우

경축! 아무것도 안하여 에스천사게임즈가 새로운 모습으로 재오픈 하였습니다.
어린이용이며, 설치가 필요없는 브라우저 게임입니다.
https://s1004games.com

<a href=”data:file/zip;base64,UEsDBBQAAAAIABakTke…”  download=”a.zip”>zip</a>

==============base64 encoding =======================
import base64

# Load this source file and strip the header.
fr = open('c:\me\excel.jpg', 'rb')
fw = open('a.txt','wb')
data = fr.read()
encoded_data = base64.b64encode(data)
fw.write(encoded_data)
while data:
	data = fr.read()
	encoded_data = base64.b64encode(data)
	fw.write(encoded_data)

fr.close()
fw.close()

==============base64 decoding =======================
import base64

# Load this source file and strip the header.
fr = open('aa.ppy', 'rb')
fw = open('aa.xps','wb')
data = fr.read()
decoded_data = base64.b64decode(data)
fw.write(decoded_data)
while data !="":
	data = fr.read()
	decoded_data = base64.b64decode(data)
	fw.write(decoded_data)

fr.close()
fw.close()

 

[출처] http://www.complexity.co.kr/?p=2171

본 웹사이트는 광고를 포함하고 있습니다.
광고 클릭에서 발생하는 수익금은 모두 웹사이트 서버의 유지 및 관리, 그리고 기술 콘텐츠 향상을 위해 쓰여집니다.
번호 제목 글쓴이 날짜 조회 수
658 인공지능이 의식을 가질 수 있는가 file 졸리운_곰 2018.03.07 96
657 당근마켓에서 딥러닝 활용하기 - 불량 게시물 검사 file 졸리운_곰 2018.03.06 130
656 머신러닝 단기집중과정 by google 졸리운_곰 2018.03.04 89
655 한글 형태소 분석의 이해 NLP file 졸리운_곰 2018.03.04 83
654 루아 알고리즘 라이브러리 lua-algorithms stack queue tree file 졸리운_곰 2018.03.03 1385
653 VB.NET 알고리즘 구현 - Stack, Queue Data Type file 졸리운_곰 2018.02.27 310
652 TopCoder 사용 방법 (탑코더 시작하기) file 졸리운_곰 2018.02.26 360
651 MXNet을 활용한 이미지 분류 앱 개발하기 file 졸리운_곰 2018.02.25 118
650 [Artificial Intelligence / MXNet] MXNet을 이용한 Classification 문제 풀기 file 졸리운_곰 2018.02.25 66
649 [Artificial Intelligence / MXNet] Windows 환경에 MXNet 설치하기 file 졸리운_곰 2018.02.25 93
648 [Artificial Intelligence / MXNet] MXNet 소개 file 졸리운_곰 2018.02.25 98
647 Blender 단축키 file 졸리운_곰 2018.02.25 156
646 Blender 단축키 정리 모음 file 졸리운_곰 2018.02.25 164
645 [자바스크립트] 선택한 이미지 base64 코드로 변환하여 화면에 보여주기 file 졸리운_곰 2018.02.21 253
644 [제목] 한번의 커넥션으로 이미지 모두 전송하는 방법 졸리운_곰 2018.02.21 101
643 data URIs로 image 생성하기 file 졸리운_곰 2018.02.21 92
642 Base64 이미지 사용하기 file 졸리운_곰 2018.02.21 111
» html img , a에 직접 이미지, 파일 데이터 넣기 졸리운_곰 2018.02.21 110
640 BASE64 로 인코딩 한 이미지 data를 직접 HTML 문서에 추가하는 방법 외 file 졸리운_곰 2018.02.21 296
639 Torch7 따라 해 보기 file 졸리운_곰 2018.02.19 88
대표 김성준 주소 : 경기 용인 분당수지 U타워 등록번호 : 142-07-27414
통신판매업 신고 : 제2012-용인수지-0185호 출판업 신고 : 수지구청 제 123호 개인정보보호최고책임자 : 김성준 sjkim70@stechstar.com
대표전화 : 010-4589-2193 [fax] 02-6280-1294 COPYRIGHT(C) stechstar.com ALL RIGHTS RESERVED