extjs - 拍照并显示在视图上

Question

我有一个按钮，当用户点击它时，相机打开用户应该可以拍照，然后将其显示在视图上。

当用户单击按钮时，将执行以下方法；

imageButtonClicked: function () {
// This is where I should be calling the camera, taking the pic and displaying on the view
}

1. 我发现这个教程解释了如何拍照。但我不明白应该粘贴哪些代码才能使相机功能正常工作。有人可以帮我吗？
2. 拍照后，如何将其显示在视图上？

Answer 1

在新的 iOS 6::

iOS 中新推出的 Mobile Safari 现在支持“文件”输入字段。您的输入字段现在将是 ::

对于单个文件

<input type=file accept="image/*">
<input type=file accept="video/*">

对于多个文件

<input type=file multiple>

这将打开 iOS 设备的照片库，并让您选择多张照片。这是它的样子

Answer 2

您可以使用Ext.device.Camera 的 capture()或Phonegap Camera API 来完成

例如，使用 Phonegap 相机 API

您可以在imageButtonClicked : function() {}方法中编写以下代码。

.....
.....
navigator.camera.getPicture(onSuccess, onFail, { quality: 50,
    destinationType: Camera.DestinationType.DATA_URL
 }); 

function onSuccess(imageData) {
    var image = Ext.getCmp('myImageId');
    image.setSrc("data:image/jpeg;base64," + imageData);
}

function onFail(message) {
    alert('Failed because: ' + message);
}
.....
.....