티스토리 뷰

React :

웹앱에서 휴대폰으로 찍은 사진 업로드시 이미지 회전해서 나올때 해결방법 (how to solve auto rotated image upload in react)


| 시작하기에 앞서


휴대폰으로 찍은 사진들은 EXIF orientation 정보들을 사진에 넣게 된다. 따라서, 이미지를 웹에 업로드 했을때, 회전되어서 나오는 경우가 있는데, 이 정보들을 제거해줘야 원본사진대로 제대로 나오게 된다. 이를 해결하기 위한 라이브러리를 아래에 소개한다.


https://github.com/rricard/react-exif-orientation-img


| 사용방법


사용방법은 간단하다. 기존 <img/> tag 들을 <ExifOrientationImg/ > 컴포넌트로 바꿔주기만 하면 된다.



댓글
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
TAG
more
«   2024/11   »
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
글 보관함