科爾多瓦/ Phonegap Inappbrowser/IFrame無法在Android上打開相機

Question

運行Cordova/Phonegap 6.4.0，Android 5.0，使用Inappbrowser和Iframe進行測試，兩者都不會打開相機，只是打開了原始文件選擇窗口。但我需要打開相機。

<input type="file" name="fileToUpload" id="fileToUpload" accept="image/*" capture="camera"> 

Answer 1

編輯：

我以前曾經有過這個問題。它適用於某些設備而不是其他設備。它似乎有些設備使用不同的網頁瀏覽，可能會或可能不完全支持在HTML中的相機輸入或他們期望看起來不同的語法。

爲此，我建議使用相機插件。因爲這爲所有設備提供了一致的結果。

科爾多瓦文件插件：

https://cordova.apache.org/docs/en/latest/reference/cordova-plugin-file/

隨着科爾多瓦文件傳輸插件：

https://cordova.apache.org/docs/en/latest/reference/cordova-plugin-file-transfer/

如果你只是想選擇圖像或圖片，你可以使用科爾多瓦相機插件

https://cordova.apache.org/docs/en/latest/reference/cordova-plugin-camera/

利用這一點，你可以使用戶能夠從他們的相機選擇一個圖像

安裝攝像頭插件：

cordova plugin add cordova-plugin-camera 

樣品相機插件的JS代碼：

var cameraOptions = { 

    destinationType: Camera.DestinationType.DATA_URL, 
    sourceType: Camera.PictureSourceType.CAMERA 
} 

function cameraSuccess(data){ 

    console.log(data); 

    var img = document.getElementById("yourImg"); 

    img.src = data; 

} 

function cameraError(error){ 

    console.log(error); 

} 

navigator.camera.getPicture(cameraSuccess, cameraError, cameraOptions); 

樣本HTML：

<div><img id="yourImg" src=""/><div> 

原始

嘗試使用這一行：

<input type="file" accept="image/*;capture=camera"> 

通知我有包括接受屬性中捕獲的屬性。