Для целей тестирования я скопировал полный пример, найденный на phonegap camera API, и я поставил предупреждение на onPhotoDataSuccess, чтобы проверить, когда функция запущена. На первой сделанной фотографии предупреждение не будет отображаться. Однако после первой попытки предупреждение будет показано после сохранения фотографии.Phonegap (3.0.0) Камера не удалась с первой попытки
Любые советы? Я буду рад быть более конкретным, если что-то неясно.
Я тестировал код ниже на моем Android Galaxy S3
<!DOCTYPE html>
<html>
<head>
<title>Capture Photo</title>
<script type="text/javascript" charset="utf-8" src="cordova.js"></script>
<script type="text/javascript" charset="utf-8">
var pictureSource; // picture source
var destinationType; // sets the format of returned value
// Wait for device API libraries to load
//
document.addEventListener("deviceready",onDeviceReady,false);
// device APIs are available
//
function onDeviceReady() {
pictureSource=navigator.camera.PictureSourceType;
destinationType=navigator.camera.DestinationType;
}
// Called when a photo is successfully retrieved
//
function onPhotoDataSuccess(imageData) {
// Uncomment to view the base64-encoded image data
// console.log(imageData);
// Get image handle
//
var smallImage = document.getElementById('smallImage');
// Unhide image elements
//
smallImage.style.display = 'block';
// Show the captured photo
// The inline CSS rules are used to resize the image
//
smallImage.src = "data:image/jpeg;base64," + imageData;
}
// Called when a photo is successfully retrieved
//
function onPhotoURISuccess(imageURI) {
// Uncomment to view the image file URI
// console.log(imageURI);
// Get image handle
//
var largeImage = document.getElementById('largeImage');
// Unhide image elements
//
largeImage.style.display = 'block';
// Show the captured photo
// The inline CSS rules are used to resize the image
//
largeImage.src = imageURI;
}
// A button will call this function
//
function capturePhoto() {
// Take picture using device camera and retrieve image as base64-encoded string
navigator.camera.getPicture(onPhotoDataSuccess, onFail, { quality: 50,
destinationType: destinationType.DATA_URL });
}
// A button will call this function
//
function capturePhotoEdit() {
// Take picture using device camera, allow edit, and retrieve image as base64-encoded string
navigator.camera.getPicture(onPhotoDataSuccess, onFail, { quality: 20, allowEdit: true,
destinationType: destinationType.DATA_URL });
}
// A button will call this function
//
function getPhoto(source) {
// Retrieve image file location from specified source
navigator.camera.getPicture(onPhotoURISuccess, onFail, { quality: 50,
destinationType: destinationType.FILE_URI,
sourceType: source });
}
// Called if something bad happens.
//
function onFail(message) {
alert('Failed because: ' + message);
}
</script>
</head>
<body>
<button onclick="capturePhoto();">Capture Photo</button> <br>
<button onclick="capturePhotoEdit();">Capture Editable Photo</button> <br>
<button onclick="getPhoto(pictureSource.PHOTOLIBRARY);">From Photo Library</button><br>
<button onclick="getPhoto(pictureSource.SAVEDPHOTOALBUM);">From Photo Album</button><br>
<img style="display:none;width:60px;height:60px;" id="smallImage" src="" />
<img style="display:none;" id="largeImage" src="" />
</body>
</html>
---------- UPDATE 1 ----------------- -
Я испытал это на другом кусочке кода:
(function() {
$scroller = $('.scroller'),
// Take a picture using the camera or select one from the library
takePicture = function (e) {
var options = {
quality: 45,
targetWidth: 1000,
targetHeight: 1000,
destinationType: Camera.DestinationType.FILE_URI,
encodingType: Camera.EncodingType.JPEG,
sourceType: Camera.PictureSourceType.CAMERA
};
navigator.camera.getPicture(
function (imageURI) {
console.log(imageURI);
alert('test');
$scroller.append('<img src="' + imageURI + '"/>');
},
function (message) {
// We typically get here because the use canceled the photo operation. Fail silently.
}, options);
return false;
};
$('.camera-btn').on('click', takePicture);
}());
И это имеет тот же эффект. Он ничего не делает во время первой привязки, но показывает изображение после второй привязки. Я также только выяснил, что фотография, которая показывает после второго, является первой фотографией, которую я взял. Кажется, что первый аргумент в getPicture не срабатывает при первой привязке. Это расстраивает, поскольку logcat на самом деле не показывает мне ничего, с чем можно работать.
---------------- UPDATE 2 ----------------
Я просто попытался его на PhoneGap построить и оно работает. Поэтому он должен иметь какое-то отношение к плагину ...
мог действительно использовать здесь ответ, если кто-нибудь знает. Это для 3.0.0 или 3.0.0rc1? –
Не могли бы вы вставить код, который вы используете, и сообщить нам, с какого телефона вы тестируете. – Zorayr
Вы разрабатываете для iOS? Из документа [PhoneGap docs] (http://docs.phonegap.com/en/3.0.0/cordova_camera_camera.md.html#camera.getPicture): «Включение предупреждения JavaScript() в любой из функций обратного вызова может вызвать проблемы Оберните оповещение в setTimeout(), чтобы разрешить сборщик изображений или всплывающее окно iOS полностью закрыть до появления предупреждения: «Если вы измените оповещение на console.log, работает ли первый обратный вызов? – ville