拍照并在视图上显示

Posted 2021-04-05

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

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

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

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

答案

你可以用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);
}
.....
.....

另一答案

在新的ios 6 ::

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

对于单个文件

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

对于多个文件

<input type=file multiple>

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