phonegap攝像頭沒有加載到<img>標籤

我想使用navigator.camera對象捕捉圖像，並將其推入img標籤。我在做什麼演示在PhoneGap的文檔這樣說：phonegap攝像頭沒有加載到<img>標籤

if(navigator.camera) { 
    navigator.camera.getPicture(function(imageData){ 
     var $image = document.getElementById('imageForTask'); 
     image.src = "data:image/jpeg;base64," + imageData; 
     console.log(imageData); 
     }, null, {sourceType:1, quality: 50});    
} else { 
    alert("Camera not supported on this device."); 
}

當我做到這一點，雖然，我得到的imageForTask斷開的鏈接。這是來源說的：data:image/jpeg;base64,content://media/external/images/media/325。有誰知道爲什麼這不起作用？我一直在與此搏鬥。謝謝！

-Geoff

來源

2012-05-02 gabaum10

默認的destinationType已從DATA_URL更改爲FILE_URI。如果您添加一個選項：

destinationType : Camera.DestinationType.DATA_URL

到您傳遞的選項以獲取圖片，您將能夠將其設置爲base64編碼數據。

http://docs.phonegap.com/en/1.6.1/cordova_camera_camera.md.html#cameraOptions_options

來源

2012-05-02 18:21:00

啊，這個伎倆！謝謝你。 – gabaum10

content://media/external/images/media/325是路徑的圖像，而不是其實際二進制數據。您需要使用文件系統API來獲取文件內容，使用base64進行編碼並使用它。

來源

2012-05-02 18:18:27 ceejayoz

Ahhh我明白了。這實際上是在文檔中的代碼... – gabaum10

你有關於如何使用它的例子嗎？我想看看它是如何做的以備將來參考。 – gabaum10

我想將'content：// media/external/images/media/325'直接粘貼到''標籤中。爲什麼我們不能這樣做？類似的過程在chrome和ios模擬器上工作。 –

phonegap攝像頭沒有加載到<img>標籤

回答

相關問題