0

我一直在使用以下代码来抓取照片并以 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. 在相机“应用程序”中拍照后不再允许我编辑照片

任何指针都非常感谢。

电话间隙 1.3

4

1 回答 1

1

当 captureImage 成功时，它会将一组 MediaFile 对象传递给您的回调（一个数组，因为它可能有多个结果，但您的示例只有一个）。MediaFile 对象包含完整路径。您应该能够使用类似于上面的代码来指向文件 uri.

至于你的第二个问题 - 不确定你在这里期望什么。“图像捕捉”本身不是编辑。您将需要使用 JavaScript 构建自己的编辑器——这可能是矫枉过正。

于 2012-01-23T22:53:15.233 回答