이노릭스 블로그 :: InnoAP - 업로드 컴포넌트 제품소개

. InnoAP 주요기능 소개

InnoAP는 각종 파일을 편리하게 업로드 할 수 있는 멀티파일 업로드 컴포넌트 입니다.
업로드가 필요한 솔루션과 웹사이트에 기술적인 어려움 없이 손쉽게 적용할 수 있으며
초경량 컴포넌트로써 사용자와 서비스 제공자 모두를 만족시키고 있습니다

Flash 동영상으로 제작된 InnoAP 제품소개도 보실 수 있습니다. <

동영상으로 보기 >

기본 인터페이스

제품 출시 4년째를 맞이하는 InnoAP의 인터페이스는 초창기와는 달리 현재는 많은 포탈
사이트와 다양한 업무환경에서 접할 수 있는 표준화된 인터페이스 입니다. 사용자 PC의
OS와 지정된 원도우 테마에 따라서 출력되어 더욱 친숙합니다.

마우스 Drag&Drop 지원

업로드 파일은 InnoAP에 마우스로 끌어
넣기만 하면 손쉽게 선택 됩니다. 다수의
파일을 선택하는 경우 더욱 편리 합니다.

찾아보기창 멀티파일 선택

"찾아보기.." 버튼을 클릭한 경우에도 열기창에서 마우스 드래그와 키보드를 이용하여 한번에 여러개 파일을 선택할 수 있습니다.

멀티파일 업로드 상태확인

InnoAP는 파일이 전송중인 과정에서 전체파일 목록과 전송상태, 남은시간, 전송속도
등을 종합적으로 출력하는 전송창을 제공 합니다. 사용자는 여러개의 파일을 서버에
업로드 하더라도 막연하게 기다리지 않고 전송상태를 확인할 수 있어 매우 편리 합니다.

모든 개발언어와 호환

InnoAP는 일반적인 웹 페이지에서 파일을 첨부하는 <Input type=file..>와 동일한 방식인
RFC1867(Form Based File Upload 표준규격)로 파일을 전송 합니다. 때문에 JSP, PHP,
ASP, .NET.. 등의 다양한 환경에서도 기존과 동일하게 사용하실 수 있습니다.

다양한 출력 스타일

사용자가 선택한 파일을 출력할 때 아이콘, 작은 아이콘, 간단히, 자세히 4가지 방식으로
출력할 수 있습니다. 또한 선택된 파일의 전체 경로를 출력하거나 파일간의 간격을 설정
하는 등 완벽한 리스트 컨트롤을 제공하여 다양한 용도에 최적화가 가능 합니다.

. 다양한 UI와 부가기능

자유로운 디자인 변형

사진파일, 문서파일 등 전송을 원하는 용도에 따라 InnoAP 기본 인터페이스를 자유롭게
디자인하여 사용할 수 있으므로 다양한 솔루션과 웹 사이트에 최적화 시킬 수 있습니다.
디자인된 HTML 영역에 InnoAP 코드를 삽입하면 되므로 기술적인 어려움도 없습니다.

IE7 이미지 미리보기 지원

업그레이드된 IE 7 브라우저에서도 로컬의
사진파일 미리보기가 가능하므로 이미지를
미리보고 전송하는 경우에도 편리 합니다.

고급 개발자용 API

간편한 설치를 제공함과 동시에 다양한 확장 기능을 구현할 수 있도록 파일정보에 접근하는 개발자용 API들을 제공하고 있습니다.

확장자 필터 적용

"찾아보기.." 버튼에 doc, ppt, xls, txt 확장자만 출력 되도록 필터 기능을 적용하면 찾아보기
창에서 해당 확장자 파일만 출력되어 파일 찾기가 더욱 편리 합니다. 또한 찾아보기.. 버튼을
이미지나 텍스트로 변경하거나 용량, 파일명 출력시 폰트의 크기/색상도 지정할 수 있습니다.

확장자, 용량 사전체크

Form based 전송 구조상 모든 데이터가 서버에 전송된 후 체크했던 불편함도 개선하여
사용자가 파일을 선택할 때 전체파일과 개별파일의 용량을 체크 합니다. 또한 중복파일
허용 여부나 JPG, GIF 등 특정 확장자만 허가/제한할 수 있어 매우 편리 합니다.

수정모드 기능

게시판의 수정 페이지 등에서 사용할 수 있는 수정모드 기능을 제공 합니다. 서버에 이미
업로드된 파일을 반투명 상태로 표시하여 쉽게 구분할 수 있으며 기존에 업로드된 파일을
삭제하거나 추가 업로드할 수 있어 더욱 최적화된 사용자 기능 구현을 가능하게 합니다.

HTTPS(SSL) 프로토콜 지원

기본적으로 지원하는 HTTP 프로토콜과 함께 전송되는 데이터 보안을 위하여 별도의

확장버전에서는 SSL을 지원하는 HTTPS 프로토콜을
지원하여 HTTP,HTTPS 혼합적 사용이 가능 합니다.

. 활용도 높은 개발자 API

파일의 용량, 개수부터 출력방식 까지 디테일한 설정

InnoAP 기본 컨트롤이 출력되는 가로*세로 크기를 픽셀 단위로 설정할 수 있습니다.
사용자가 한번에 선택할 수 있는 전체 첨부 용량과 개별 용량, 파일의 개수 등도 제한
할 수 있을 뿐만 아니라 상태 표시줄의 출력 여부와 방식, 간격도 설정할 수 있습니다.

파일과 폼값의 동시전송

웹상에서 파일을 전송하는 경우에 파일만 서버로 업로드하기 보다는 폼값과 함께 서버로
전송하는 경우가 일반적 입니다. 이 때는 단지 동시에 전송을 원하는 폼 이름만 설정하면
됩니다. 폼값을 받을 때도 기존에 사용하던 방식을 그대로 사용하면 되므로 편리 합니다.

한 페이지에 여러개의 첨부영역 지원

한 장의 웹페이지에 다양한 스타일로 구성된
멀티 파일의 첨부 영역을 여러개 출력하여
한번에 전송하고 구분하여 받을 수 있습니다.

Unicode(UTF-8) 지원

첨부파일에 대하여 기본적으로 EUC-KR과 함께 다국어 파일을 출력할 수 있도록 UNICODE(UTF-8)를 지원하고 있습니다.

첨부된 파일정보 메소드

InnoAP에 첨부된 파일의 전체 개수와 개별 파일들의 이름, 용량, 전체 경로 등의 정보를
리턴받을 수 있습니다. 또한 선택된 전체 파일을 제거하거나 사용자가 마우스로 선택한
파일만을 제거할 수도 있으며 사용자가 선택하지 않은 파일도 자동 첨부가 가능 합니다.

외부 영역에도 Drag&Drop 지원하여 더욱 다양한 스타일 구현

Drag&Drop 기능은 InnoAP 영역 이외에도 테이블 <table..> 태그나 이미지<img src..>
태그 등에 지정할 수 있습니다. Drop 영역으로 지정되면 사용자가 파일을 끌어 넣을 때
마우스 포인터가 Drop 영역으로 표시되며 파일이 첨부되어 다양한 응용이 가능 합니다.

첨부와 제거, 클릭 이벤트

파일을 선택하면 첨부 전에 이벤트를 발생시켜 파일의 첨부를 직접 제어할 수 있습니다.
또한 선택된 파일을 클릭, 더블클릭 하거나 제거했을 때 이벤트와 함께 업로드의 성공과
네트워크 장애, 사용자 취소에 대한 전송관련 이벤트까지 풍부하게 제공하고 있습니다.

InnoAP - 파일의 정보 메소드

InnoAP - 파일제거 이벤트

InnoAP - 파일추가 이벤트

InnoAP - 클릭,성공,실패,취소 이벤트

InnoAP - 파일 및 폼전송 전송

InnoAP - 안내 아이콘 지정

InnoAP - 파일 전송창 크기 설정

InnoAP - 상태표시줄 출력 설정

InnoAP - 파일의 절대경로 설정

InnoAP - 기본 출력 스타일 설정

InnoAP - 출력 사이즈 지정

InnoAP - 업로드 용량, 개수, 전체용량 제한