PhoneGap 갤러리에서 사진 가져오기

저번 포스팅에서는 사진을 찍어서 가져오는 걸 해봤는데요~

이번 포스팅에서는 갤러리에서 사진을 가져오는 걸 해보겠습니다.




< PhoneGap 갤러리에서 사진 가져오기 > 


갤러리에서 사진 가져오는 것도 어렵지 않아요~

 [PhoneGag] 카메라 제어하기 <- 이 포스팅에서 사용했던

navigator.camera.getPicture( 성공시 이벤트, 실패시 이벤트, 카메라옵션 );  요걸 그대로 이용할껍니다. 

요기서 속성 두개만 바꿔주면 되면 갤러리에서 사진을 가져올 수 있습니다.

destinationType 은  Camera.DestinationType.FILE_URI 로

sourceType 은 

Camera.PictureSourceType.PHOTOLIBRARY 나 혹은 Camera.PictureSourceType.SAVEDPHOTOALBUM
로 바꿔주기만 하면 됩니다. (안드로이드에서는 두개 다 갤러리로 연결됨.)

 

var pictureSource; 
var destinationType;  
	
document.addEventListener("deviceready", onDeviceReady, false);
	
function onDeviceReady() {
	pictureSource = navigator.camera.PictureSourceType;
	destinationType = navigator.camera.DestinationType;
}	

function onPhotoURISuccess(imageURI) {
	var printImage = document.getElementById('printImage');
	
	printImage.style.display = 'block';
	
	printImage.src = imageURI;
}
	
function onFail(message) {
	alert('error : ' + message);
}
	
function toGallery() {
	navigator.camera.getPicture(onPhotoURISuccess, onFail, {
		quality : 50,
		destinationType : destinationType.FILE_URI,
		sourceType : pictureSource.PHOTOLIBRARY
	});
}

index.html

실행은 요 파일을 넣어서 돌려보면 확인할 수 있어요~