Phonegap - 将图像捕获到照片库并以HTML格式显示

时间:2012-01-23 22:46:40

标签: cordova camera capture image-capture photolibrary

我一直在使用以下代码来抓取照片并以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

现在将图像捕获到库但

  1. 不再显示在html中
  2. 我在相机'app'中拍照后不再允许我编辑照片
  3. 任何指针都非常赞赏。

    PhoneGap 1.3

1 个答案:

答案 0 :(得分:1)

当captureImage成功时,它会将一个MediaFile对象数组传递给你的回调(一个数组,因为它可能有多个结果,但你的例子只有一个)。 MediaFile对象包含完整路径。您应该能够使用与上面相似的代码指向文件uri。

关于你的第二个问题 - 不确定你在这里的期望。 “图像捕捉”本身不是编辑。你需要使用JavaScript构建自己的编辑器 - 这可能是过度的。