我一直在使用以下代码来获取照片并将其显示在html中,效果非常好。
function takePicture() {
navigator.camera.getPicture(
function(uri) {
var img = document.getElementById('camera_image1');
img.style.visibility = "visible";
img.style.display = "block";
img.src = uri;
document.getElementById('camera_status').innerHTML = "Success";
},
{ quality: 50, allowEdit: true, destinationType: navigator.camera.DestinationType.FILE_URI});
};
html以后的
<img style="width:144px;height:144px;" id="camera_image1" src="nophoto.jpg"/>
但是。。。这不会将图像保存到相机照片库中,所以我将行调整为
navigator.device.capture.captureImage
这现在可以将图像捕获到库,但
- 不再以html显示
- 在相机"应用程序"中拍照后,不再允许我编辑照片
任何指针都非常感谢。
PhoneGap 1.3
当captureImage成功时,它会将一个MediaFile对象数组传递给回调(一个数组,因为可能有多个结果,但您的示例只有一个)。MediaFile对象包含完整路径。您应该能够使用与上面类似的代码来指向文件uri。
至于你的第二个问题——不确定你在这里期待什么。"图像捕获"本身并不是编辑。你需要使用JavaScript构建自己的编辑器——这可能有些过头了。