아이폰 모바일 웹에서 파일 업로드

요즘 모바일 웹을 기반으로 앱을 개발하는 Web App이 대세인 것 같습니다. 

그런데 모바일 웹으로 개발하는데 있어 한가지 이슈가 있습니다. 

아이폰의 경우, <input type="file" ... 부분이 적용이 안된다는 것이죠.
안드로이드는 파일을 찾을 수 있도록 잘 지원해 주고 있습니다만 아이폰에서는 아무런 반응이 없습니다.

스마트폰에서 찍은 사진을 업로드하는 기능은 많이 필요할텐데.. 아쉬운 부분이죠..

이런 경우, 해결책은 별도 App으로 파일 업로드를 진행하고 웹에서는 해당 업로드 파일을 처리하는 형태로 구현 가능할 것 같습니다. 
Web App의 경우, App에서 파일 업로드 처리를 하고 Web에서 업로드 결과를 처리해야 겠지요..

이런 작업을 수행해주는 App이 있어서 한번 소개해 봅니다.
Picup - File Upload App for iphone/ipad mobile web

이걸 활용하려면 먼저 Picup이라는 App이 해당 아이폰이나 아이패드에 설치되어 있어야 합니다.
http://itunes.apple.com/us/app/picup/id354101378?mt=8 

웹에서 처리하기 위한 자바스크립트도 picup.js라는 파일로 별도 제공하고 있습니다.  

데모 페이지는 다음과 같습니다.
http://picupapp.com/scratchpad.html

해당 App을 활용하는 방법을 한글로 정리해 놓은 블로그도 있네요. 
http://nosmoke.cctoday.co.kr/1127

하지만 위 기술만으로는 반드시 Picup이란 App을 설치해야 한다는 점에서 사용자에게 부담이 있습니다.
Web App으로 개발할 경우, 해당 App 내에 Picup과 같은 기능을 구현해서 넣어야만 사용자가 Seamless 하게 사용할 수 있지 않을까 합니다.  

그래서 개발자 분이라면 다음 소스를 점검해 보시는 것이 좋을 것 같습니다.
http://www.cocoanetics.com/2010/02/uploading-uiimages-to-twitpic/

TwitPic에 업로드하는 것을 소개하는 소스인데요. 웹 업로드도 이와 유사한 방식으로 설계 되지 않았을까 합니다.