拍照並在視圖上顯示

我有一個按鈕，當用戶點擊它時，相機打開用戶應該可以拍照，然後將其顯示在視圖上。拍照並在視圖上顯示

當用戶點擊按鈕時，會執行以下方法;

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

我發現這個教程，說明如何拍攝照片。但我不明白我應該粘貼哪些代碼才能使攝像頭功能正常工作。有人可以幫我嗎？
一旦我拍攝了照片，我該如何在視圖上顯示它？

來源

2012-05-14 sharon Hwk

你可以做到這一點無論是與Ext.device.Camera's capture()或Phonegap Camera API

E.g與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); 
} 
..... 
.....

來源

2012-05-14 18:01:24

看起來不錯，但我建議使用FILE_URI作爲使用DATA_URL可能會導致內存不足的錯誤對拍照手機高百萬像素相機。 –

Thankyou，我看到圖像在這裏'image.setSrc'，但我怎麼能把這個和顯示它的視圖？ –

嗨，有沒有可能將相機嵌入到ios phonegap中的div？ –

在新的iOS 6 ::

新拉皮條了移動Safari瀏覽器在iOS版現在支持「文件」輸入欄。您輸入字段現在將::

對於單個文件

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

多個文件

<input type=file multiple>

這將打開照片的iOS設備庫，並允許您選擇多個圖片。下面是它的樣子

Screenshot of new file dialog in iOS 6

投票這件事，如果有幫助:)

來源

2013-03-05 14:23:23 SashaZd

僅用於其他ppl，phonegap/cordova不支持此功能 – domiSchenk

拍照並在視圖上顯示

回答

相關問題