웹마스터 팁
모바일 사진 자동 회전 적용방법
2014.02.11 13:12
mobileex 에서만 되는 방법만 있어,
제가 한 방법을 적어봅니다.
저는 imageprocess module 에 image rotate 기능을 추가해서, 이미지 압축 처리할때, image orientation 정보를 이용해서
자동으로 회전하는 부분을 처리하였습니다.
if($file){ if($ext == "jpg" || $ext == "jpeg"){ $image = imagecreatefromjpeg($file); }else if($ext == "png"){ $image = imagecreatefrompng($file); } else if($ext == "bmp" || $ext == "wbmp"){ $image = imagecreatefromwbmp($file); }else if($ext == "gif"){ $image = imagecreatefromgif($file); } $exif = exif_read_data($file); if(!empty($exif['Orientation'])) { switch($exif['Orientation']) { case 8: $image = imagerotate($image,270,0); break; case 3: $image = imagerotate($image,180,0); break; case 6: $image = imagerotate($image,-90,0); break; } if($ext == "jpg" || $ext == "jpeg"){ imagejpeg($image,$file); } else if($ext == "png"){ imagepng($image,$file); }else if($ext == "bmp" || $ext == "wbmp"){ imagewbmp($image,$file); }else if($ext == "gif"){ imagegif($image,$file); } } }
위에 코드를 imageprocess.controller.php 파일에
$ext = strtolower(substr(strrchr($args->source_filename,'.'),1));
소스 다음에 추가하시면, image orientation 되어 있는 파일이 자동으로 회전되어 올라가게 됩니다.
테스트 mobile 은 갤럭시s3, g2 기종으로 찍은 사진으로 해봤네요..
imageprocess module 설치되어 있으면, 기존 xe board 에서 pc / mobile 지원이 됩니다.
댓글 8
-
몽실아빠
2014.02.11 13:23
-
몽실아빠
2014.02.11 22:10
돌려진 사진의 경우 회전을 시켜주는 것 같은데 리사이즈 및 워터마크처리 작업을 하지 않는듯 합니다. 호스팅 이용을 하다보니 리사이즈가 안되면 곤란해서요.
-
더뿌
2014.02.11 23:09
저는 리사이즈는 정상적으로 작동하고 있습니다 워터마크는 써보지않아서 모르겠습니다만 다만 exif 정보가 유실되는문제는 있는거 같네요 -
몽실아빠
2014.02.11 23:32
네. 회원 한분의 게시물 중 한장이 이미지프로세서모듈에서 리사이즈와 워터마크작업이 안된채 업로드가 되어 있었습니다. 정상처리된 사진이 있고 또 추가로 처리되지 않은 원본사진이 있었던 것으로 보입니다.
여러사진 중 하나의 사진이 이미지프로세서작업이 되지 않은 원본사진 하나가 추가로 업로드 되는 듯한 상황으로 판단이 됩니다.
일단 조금더 모니터링 해 보고 다시 말씀드릴게요.
-
더뿌
2014.02.11 23:36
해당 코드를
//여기부터 리사이즈 부분 이전에 넣으면
file 회전 후 리사이즈, 워터마크가 삽입되네요..
exif 정보는 유실되는건 어쩔 수 없는 듯 하네요..
-
몽실아빠
2014.02.12 09:01
네. 코드위치 이동해 보고 모니터링 해 볼게요~~~ 감사합니다.
-
몽실아빠
2014.02.12 21:49
랜덤하게 리사이즈 및 워터마크 작업이 누락되는 사진이 생기네요.
-
Omega3
2014.02.17 18:40
이런 정보 아주 좋아요! :)
제목 | 글쓴이 | 날짜 |
---|---|---|
[XE] 1.4.5.x 업데이트 후 레이아웃 오류 수정법 [7] | SeklutZ | 2011.04.07 |
레이아웃 위젯 권한 넣기 [14] | 해피해킹 | 2011.04.12 |
1.7.4 버전용 한글 lang.xml 파일 [5] | 투씨 | 2014.02.18 |
모바일 사진 자동 회전 적용방법 [8] | 더뿌 | 2014.02.11 |
초간단 애드온 제작법 [8] | 카르마 | 2011.03.25 |
IPGUARD 모듈 배포 [33] | 우진홈 | 2013.07.10 |
주민등록번호로 성별/나이/연령대 구분 [4] | 강병기 | 2008.01.09 |
모바일 이미지 업로드시 세로사진 자동 회전하기 [8] | Xiso | 2013.10.17 |
css 가운데정렬 완벽정리! | 돼지코구뇽 | 2014.02.14 |
iframe을 이용하여 target효과 주기. [8] | ZipShin | 2002.08.01 |
css 배경이미지 정리 | devdevpia | 2014.02.13 |
스윙브라우저 유저분들 필독. [10] | KSG2013 | 2014.02.08 |
2014년 2월 12일부터 갑자기 사이트(관리자 페이지)가 깨지는 경우. | 새하나모 | 2014.02.12 |
XE 1.7.4 새로운 우편번호 체계에서 나머지주소 관련 사용실수 방지방법입니다 [1] | sejin7940 | 2014.02.07 |
마우스드래그금지 | 레치에스 | 2014.02.11 |
웹뷰 개발시geocode(구글)활용법 | 웹빌드 | 2014.02.10 |
중복레코드 검색 및 삭제 | ByteCMC | 2014.02.10 |
그룹아이콘 모바일에서 표시하기 | 잉카러부 | 2014.02.09 |
1.7.4 업데이트후 글쓰기 에러가 나신다면... [2] | 맞장 | 2014.02.07 |
기본 css 파일 언로드 하기. [9] | 엘카 | 2012.04.26 |
오호~~ 모바일을 스케치북5 스킨으로 다시 바뀐뒤 고민이 사진 방향 인식 문제였는데 적용해 보겠습니다!