티스토리 뷰
React :
웹앱에서 휴대폰으로 찍은 사진 업로드시 이미지 회전해서 나올때 해결방법 (how to solve auto rotated image upload in react)
| 시작하기에 앞서
휴대폰으로 찍은 사진들은 EXIF orientation 정보들을 사진에 넣게 된다. 따라서, 이미지를 웹에 업로드 했을때, 회전되어서 나오는 경우가 있는데, 이 정보들을 제거해줘야 원본사진대로 제대로 나오게 된다. 이를 해결하기 위한 라이브러리를 아래에 소개한다.
https://github.com/rricard/react-exif-orientation-img
| 사용방법
사용방법은 간단하다. 기존 <img/> tag 들을 <ExifOrientationImg/ > 컴포넌트로 바꿔주기만 하면 된다.
'Front end > React' 카테고리의 다른 글
React - Context API란 (리액트 Context API) (0) | 2018.08.04 |
---|---|
React- 리액트교과서 8장 학습내역 (확장성을 이용한 React 고차 컴포넌트-HOC) (0) | 2018.07.18 |
React - 리액트 앱 배포시 cache 안남게하기 (0) | 2018.07.12 |
React - 리액트 컴포넌트와 AWS S3와 연동해 사진 올리고 그 정보 받아오기 (0) | 2018.07.11 |
React - 리액트 교과서 7장 학습내역 (React에서 폼 다루기) (0) | 2018.07.09 |
댓글