본문 바로가기

개발15

[react-native] base64 이미지 전송 저는 이미지 프록시 서버를 만들었습니다. 리액트 네이비트에서 이미지 프록시 서버로 이미지를 전송하고자 합니다. react-native에서 form-url-encoded 방식으로 base64이미지를 전송했습니다. 1. insomnia 전송 테스트 리액트네이티브에서 이미지를 보내기 전에 insomnia로 전송 테스트해봤습니다. form data로 imageName과 imageData가 있습니다. imageName에는 이미지 이름을 넣었고, imageData에는 base64로 encoding된 이미지 text를 넣었습니다. 이걸 서버에서 잘 처리하는지 확인했습니다. 2. react-native https post 먼저 axios를 설치합니다. npm install --save axios 위에 insomnia .. 2020. 1. 25.
express 이미지 호스팅/프록시 서버 안녕하세요. 이미지 base64를 받아서 그걸 저장하거나 이미지를 수정하고 싶으신가요? nodejs, express에서 이미지 처리하는 방법에 대해 적어봅니다. 서버 이미지 처리 라우터 코드 // Hello server part // import const cors = require('cors') var express = require('express'); var ImageRouter = express.Router(); // import const bodyParser = require('body-parser'); ImageRouter.use(bodyParser.json({limit: '50mb'})); ImageRouter.use(bodyParser.urlencoded({limit: '50mb', ext.. 2020. 1. 20.
랜덤 샘플 이미지 가져와서 base64인코딩 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.. 2020. 1. 20.