Cordova takePhoto가 작동하지 않습니다.

Question

사진을 찍을 앱을 개발 중이며 Cordova를 배우고 있습니다. 내가 버튼을 클릭 할 때마다, 작동하지 않는 아무 일도 발생하지 않습니다

var takePhoto = function() { 
    navigator.camera.getPicture(onSuccess, onError, { quality: 30, 
     destinationType: Camera.destinationType.FILE_URI, 
     saveToPhotoAlbum: true, 
     targetWidth: 1500, 
     targetHeight: 1500 
    }); 

    function onSuccess(imageData) { 
     $('.photoPreview').show(); 
     var image = document.getElementById('photoSrc'); 
     image.src = "data:image/jpeg;base64," + imageData; 
     photoData = imageData; 
     $('#photoMessage').html(''); 
    } 

    function onError(message) { 
    } 
} 

:이 JS 사용.

var selectPhoto = function() { 
    navigator.camera.getPicture(onSuccess, onFail, { quality: 30, 
     destinationType: Camera.destinationType.FILE_URI, 
     sourceType: navigator.camera.PictureSourceType.PHOTOLIBRARY, 
     targetWidth: 1500, 
     targetHeight: 1500 
    }); 

    function onSuccess(imageData) { 
     $('.photoPreview').show(); 
     var image = document.getElementById('photoSrc'); 
     image.src = "data:image/jpeg;base64," + imageData; 
     photoData = imageData; 
     $('#photoMessage').html(''); 
    } 

    function onFail(message) { 
    } 
} 

나는이

$('#selectPhoto').on('click', function() { 
    selectPhoto(); 
}); 

$('#takePhoto').on('click', function() { 
    takePhoto(); 
}); 

사용하고 그에 정보를 추가하고

<button id="selectPhoto" class="photo-button">Select Existing Photo</button> 
<button id="takePhoto" class="photo-button">Take New Photo</button> 

내가 '이 HTML : 같은 내가 기존의 사진을 선택하는 데 사용했던 기능을 발생 최신 Cordova 6.4.0, cordova-ios@4.3.1 및 최신 cordova-plugin-camera를 사용하여 https://github.com/apache/cordova-plugin-camera

내가 무엇을해야하는지 알려주세요. 고맙습니다!

Answer 1

반환 된 imageData를 가져 와서 DOM에 직접 base64 데이터로 삽입하는 것처럼 보입니다. DATA_URL을 옵션으로 사용하여 카메라 옵션을 기본 64로 변경 한 경우에는 정상적으로 작동합니다.

navigator.camera.getPicture(onSuccess, onError, { quality: 30, 
    destinationType: Camera.destinationType.DATA_URL, 
    saveToPhotoAlbum: true, 
    targetWidth: 1500, 
    targetHeight: 1500 
}); 

대신 요약 :

navigator.camera.getPicture(onSuccess, onError, { quality: 30, 
    destinationType: Camera.destinationType.FILE_URI, 
    saveToPhotoAlbum: true, 
    targetWidth: 1500, 
    targetHeight: 1500 
}); 

편집 : Jaze가 "하는 DestinationType는"대문자로해야한다는, 진짜 이유를 발견했다. 놓치기 쉽습니다! 올바른 솔루션을 보려면 아래를 참조하십시오.

navigator.camera.getPicture(onSuccess, onError, { quality: 30, 
    destinationType: Camera.DestinationType.DATA_URL, 
    saveToPhotoAlbum: true, 
    targetWidth: 1500, 
    targetHeight: 1500 
});