본문 바로가기
개발

랜덤 샘플 이미지 가져와서 base64인코딩

by 제이콥 2020. 1. 20.

https://zerodice0.tistory.com/107

 

Base64 인코딩 된 이미지 데이터를 웹 페이지 상에 표시하기

결과 요약부터 하고 진행하도록 하자. img 태그의 src에 data:image/jpeg;base64, 를 앞에 붙인 뒤, base64 데이터를 첨부하면 인코딩 된 jpeg데이터를 웹 페이지에 표시할 수 있다. How to display raw image dat..

zerodice0.tistory.com

요 글을 참고했다.

https://placeimg.com/에서 이미지를 가져온다.

api호출도 가능하다.

https://placeimg.com/640/480/any 로 랜덤으로 이미지를 가져올 수 있고, 크기도 설정할 수 있다.

http://tools.dynamicdrive.com/imagetobase64/ 에서는 이미지를 base64로 인코딩할 수 있다. 

아래는 인코딩한 base64를 티스토리에 띄워본 것이다.

<img src=base64_string>

'개발' 카테고리의 다른 글

react-router path 가져오기  (0) 2020.02.29
javascript delay function  (0) 2020.02.14
mobx-react 실전, 요약  (0) 2020.02.12
[react-native] base64 이미지 전송  (0) 2020.01.25
express 이미지 호스팅/프록시 서버  (0) 2020.01.20

댓글