拍照并在视图上显示

时间:2012-05-14 17:52:56

标签: extjs cordova sencha-touch sencha-touch-2

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

当用户单击该按钮时,将执行以下方法;

imageButtonClicked: function () {
// This is where I should be calling the camera, taking the pic and displaying on the view
}
  1. 我找到了解释如何拍照的教程。但我不明白我应该粘贴哪些代码以使相机功能正常工作。有人可以帮助我吗?
  2. 拍摄照片后,如何在视图中显示?

2 个答案:

答案 0 :(得分:2)

在新的iOS 6 ::

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

对于单个文件

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

对于多个文件

<input type=file multiple>

这将打开iOS设备的照片库,并允许您选择多个照片。这就是它的样子

Screenshot of new file dialog in iOS 6

答案 1 :(得分:1)

您可以使用Ext.device.Camera's capture()Phonegap Camera API

执行此操作

使用Phonegap Camera 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);
}
.....
.....