Javascript 如何使用phonegap拍摄照片并将其设置为背景
我正在使用phonegap构建我的应用程序,在我正在构建的应用程序中,我有一个摄像头,当我打开应用程序并看到摄像头控件时,摄像头就会打开。一旦我捕获了图片,捕获的图片应设置为我的应用程序背景图像。我该怎么做 以下是我尝试过的:Javascript 如何使用phonegap拍摄照片并将其设置为背景,javascript,cordova,phonegap-plugins,Javascript,Cordova,Phonegap Plugins,我正在使用phonegap构建我的应用程序,在我正在构建的应用程序中,我有一个摄像头,当我打开应用程序并看到摄像头控件时,摄像头就会打开。一旦我捕获了图片,捕获的图片应设置为我的应用程序背景图像。我该怎么做 以下是我尝试过的: document.addEventListener("deviceready", onDeviceReady, false); function onDeviceReady() { navigator.camera.getPicture(o
document.addEventListener("deviceready", onDeviceReady, false);
function onDeviceReady() {
navigator.camera.getPicture(onSuccess, onFail, {
quality: 50,
destinationType: Camera.DestinationType.FILE_URI,
encodingType: Camera.EncodingType.JPEG,
saveToPhotoAlbum: true,
showOverlay: false
});
function onSuccess(imageURI) {
var image = document.getElementById('myImage');
image.src = imageURI;
alert(image.src);
document.body.style.backgroundImage = "url(image.src)";
}
function onFail(message) {
/*alert("you are closing the camera")*/
}
}
您的
onSuccess
函数应该如下所示
function onSuccess(imageData) {
var image = "data:image/jpeg;base64," + imageData;
document.body.style.backgroundImage = "url(" + image + ")";
}