Как работать с камерой в cordova?

Question

[Илья]

Доброго времени. Уже неделю бьюсь с проблемой использования камеры в ненативном приложении под android. В качестве апи использую cordova.

Вопрос. Как получить фото с камеры и потом получить data url этой фотографии?

P.S. Пытался реализовать с помощью ngCordova, камера открывается, фотографируется, а дальше ничего.

Может быть у кого то есть рабочий код, поделитесь пожалуйста.

Answer 1

[Роман Королев]

Если речь идёт о плагине https://github.com/apache/cordova-plugin-camera.
У меня отрабатывает код из документации:

navigator.camera.getPicture(onSuccess, onFail, { quality: 50,
    destinationType: Camera.DestinationType.DATA_URL
});

function onSuccess(imageData) {
    var image = document.getElementById('myImage');
    image.src = "data:image/jpeg;base64," + imageData;
}

function onFail(message) {
    alert('Failed because: ' + message);
}

Соответсвенно в onSuccess можно делать всё, что захочется с imageData. Там он подставляется src параметром к изображению.

Comments

[Илья]

Делаю так:

$scope.sentPhoto = function(id_contact) {
			navigator.camera.getPicture(onSuccess, onFail, { quality: 50,
				destinationType: Camera.DestinationType.DATA_URL
			});

			function onSuccess(imageData) {
				var image = document.getElementById('myImage');
				image.src = imageData;
				var alertPopup = $ionicPopup.show({
						title: '<h3>Photo sent!</h3>'
						});
						alertPopup.then(function(res) {

						});
						$timeout(function() {
							alertPopup.close();
						}, 800);
			}

			function onFail(message) {
				alert('Failed because: ' + message);
			}
		};

Камера открывается. Фотография делается. А дальше ничего. Ни onSuccess, ни onFail не срабатывают.

[Роман Королев]

Илья: это странно. А если обычный алерт в onSuccess положить, он тоже не сработает?

[Илья]

Роман Королев: Уже интереснее

[Роман Королев]

Илья: это, как я понимаю, в хроме на компьютере ошибка? Там нет такой вещи, как navigator.camera, потому getPicture не выполнится.

[Илья]

Роман Королев: Да, об этом я знаю, но на устройстве тоже ничего не происходит после закрытии камеры. Уличная магия какая-то...

[Роман Королев]

Илья: это на самом деле очень странно. У меня работает именно вот этот код, который я привёл выше. Попробуйте другие версии плагина. У них такое бывает порой, что иногда нужно откатить версию-другую, чтоб заработало. Ещё они сами отвечают на вопросы связанные с кордовой на stackoverflow вот тут stackoverflow.com/tags/cordova + им самим нужны такие фидбэки, ведь раз не работает вставка из документации, то они где-то плохо написали свой продукт.