'File API'에 해당되는 글 1건

  1. 2010.04.17 GMail, 화일 첨부시 HTML5 기반 Drag and Drop 지원
최근 구글의 GMail에서 화일을 첨부하는 기능에 Drag and Drop 기능이 추가되었다. 기존에 웹에서 화일을 첨부할 때는 사용자가 화일선택 버튼을 이용햐여 컴퓨터의 화일 시스템을 브라우징 하면서 일일이 지정해 주는 방식을 사용해야 했고 이는 직관적인 사용자 인터페이스는 아니었다. 그럼 GMail은 어떻게 Drag and Drop 기능을 추가했을까??? 이는 HTML5의 File API를 이용하므로써 가능해졌다. 현재 크롬과 파이어폭스가 본 기능을 제공하고 있으므로 GMail 웹 응용에서 시험해 볼 수 있다.

아래의 그림은 3개의 이미지를 Drag and Drop하여 GMail에서 메일을 작성하는 중에 화일을 첨부하는 것을 보여준다.


첨부한 3개의 이미지를 GMail에서 하나씩 다운로드되며 이때 각 이미지에 대한 Progress Bar를 보여준다.


국내에서는 이런 기능을 주로 Active-X로 구현했었는데 이제는 HTML5 표준을 기반으로 만들어도 거의 동등하게 구현이 가능함을 알수있으며 이메일, 미디어 유통 관련 서비스 사이트(e.g. 플리커, 유튜브 등), 웹하드 등 다양한 웹 응용에서 활용이 가능할 것으로 예상된다.

저작자 표시 비영리 변경 금지
신고
Posted by 이원석(wonsuk73@gmail.com)

댓글을 달아 주세요



티스토리 툴바