이미지 파일 뷰어

Home > 기본 예제 > 예제 15

설명

등록하려는 로컬 파일이 이미지 파일인 경우, 대상 파일을 미리 볼 수 있는 뷰어를 제공한다.

기본 설정은 내장 뷰어를 사용하여 팝업 형태로 제공된다.

이벤트 방식을 사용하면, 개발자가 원하는 형태의 미리보기 화면을 직접 구성할 수 있다.

// true로 설정하면 뷰어를 사용할 수 있다.
dx.setPreviewEnable(true);

// 배경색을 설정한다.
dx.setPreviewBackgroundColor("#ff0000");

// 1번으로 설정하면 내장 뷰어가 동작하며, 2번을 설정하면 이벤트 미리보기 리소스가 제공된다.
dx.setPreviewMethod(1);

// 미리보기할 항목의 순서값을 파라미터로 설정하면 미리보기가 수행된다.
dx.preview(0);

// 이벤트 방식의 경우, preview 함수가 호출되면 onDX5Preview 콜백함수가 호출된다.
function onDX5Preview(id, itemIndex, itemId, itemSource) {
	if (itemSource) {
		...
		img.src = itemSource;
	}
}

예제

로컬 파일만 미리보기가 가능하다.

미리보기