Javascript 使用Phonegap拍摄照片
我是Phonegap的新手。我想用Phonegap拍摄照片。我从文档中尝试了以下代码，但相机没有启动。请告诉我我做错了什么？我的代码是Javascript 使用Phonegap拍摄照片,javascript,cordova,camera,Javascript,Cordova,Camera,我是Phonegap的新手。我想用Phonegap拍摄照片。我从文档中尝试了以下代码，但相机没有启动。请告诉我我做错了什么？我的代码是 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="tex
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script src="js/phonegap.js"></script>
<script src="js/jquery.js"></script>
<script type="text/javascript">
var pictureSource; // picture source
var destinationType; // sets the format of returned value
document.addEventListener("deviceready", onDeviceReady, false);
function onDeviceReady() {
alert("OnDeviceReady...");
pictureSource = navigator.camera.PictureSourceType;
destinationType = navigator.camera.DestinationType;
}
function onPhotoDataSuccess(imageData) {
var smallImage = document.getElementById('smallImage');
smallImage.style.display = 'block';
smallImage.src = "data:image/jpeg;base64," + imageData;
}
function onPhotoURISuccess(imageURI) {
var largeImage = document.getElementById('largeImage');
largeImage.style.display = 'block';
largeImage.src = imageURI;
}
function capturePhoto() {
navigator.camera.getPicture(onPhotoDataSuccess, onFail, {
quality : 50,
destinationType : destinationType.DATA_URL
});
}
function capturePhotoEdit() {
navigator.camera.getPicture(onPhotoDataSuccess, onFail, {
quality : 20,
allowEdit : true,
destinationType : destinationType.DATA_URL
});
}
function getPhoto(source) {
navigator.camera.getPicture(onPhotoURISuccess, onFail, {
quality : 50,
destinationType : destinationType.FILE_URI,
sourceType : source
});
}
function onFail(message) {
alert('Failed because: ' + message);
}
window.onload = onDeviceReady;
</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>
在此处插入标题
var pictureSource；//图像源
var destinationType；//设置返回值的格式
文件。添加的监听器（“deviceready”，OnDeviceraddy，false）；
函数ondevicerady（）{
警报（“OnDeviceReady…”）；
pictureSource=navigator.camera.PictureSourceType；
destinationType=navigator.camera.destinationType；
}
函数onPhotoDataSuccess（imageData）{
var smallImage=document.getElementById（'smallImage'）；
smallImage.style.display='block'；
smallImage.src=“数据：图像/jpeg；base64，”+imageData；
}
函数onPhotoURISuccess（imageURI）{
var largeImage=document.getElementById（'largeImage'）；
largeImage.style.display='block'；
largeImage.src=imageURI；
}
函数capturePhoto（）{
navigator.camera.getPicture（onPhotoDataSuccess、onFail、{
质量：50，
destinationType:destinationType.DATA\u URL
});
}
函数capturePhotoEdit（）{
navigator.camera.getPicture（onPhotoDataSuccess、onFail、{
质量：20，
允许：是的，
destinationType:destinationType.DATA\u URL
});
}
函数getPhoto（源代码）{
navigator.camera.getPicture（onPhotoURISuccess、onFail、{
质量：50，
destinationType:destinationType.FILE\u URI，
sourceType:source
});
}
函数onFail（消息）{
警报（'失败原因：'+消息）；
}
window.onload=ondevicerady；
拍摄照片
捕获可编辑照片
从…起
照片库
从…起
相册
<plugins>
<plugin
name="Storage"
value="org.apache.cordova.Storage" />
<plugin
name="Camera"
value="com.foregroundcameraplugin.ForegroundCameraLauncher" />
</plugins>
提前谢谢。尝试使用Phonegap自己的摄像头插件，而不是定制的 您可以在此处查看文档： 另外，在引用phonegap.js时，您不必放置js/phonegap.js。你可以这样说 src=“phonegap.js” 如果您使用的是Phonegap构建，这是插入插件的正确方法：
<gap:plugin name="org.apache.cordova.camera"/>