科爾多瓦相機沒有顯示圖像在div

Question

一切工作正常其他然後該div沒有顯示的照片，我不知道我犯了什麼錯誤。我使用PhoneGap的CLI-5.2.0的最新版本，我已經一遍又一遍的文檔試圖尋找在那裏我可能出現了問題

HTML

<div id="myImage"></div> 

CSS

#myImage 
     { 
     width:80%; 
     padding:2%; 
     left:7.5%; 
     top:15%; 
     background-color:#111; 
     height:50%; 
     border: 3px solid #111; 
     } 

JS

$(document).ready(function() { 
     $("#camera").click(function() { 
      navigator.camera.getPicture(onSuccess, onFail, { 
      quality : 75, 
      destinationType: Camera.DestinationType.FILE_URI, 
      sourceType : Camera.PictureSourceType.CAMERA, 
      encodingType: Camera.EncodingType.JPEG, 
      targetWidth: 300, 
      targetHeight: 300, 
      popoverOptions: CameraPopoverOptions, 
      saveToPhotoAlbum: true }); 

    function onSuccess(imageURI) { 
     var image = document.getElementById('myImage'); 
     image.src = imageURI; 

    } 

    function onFail(message) { 
     alert('Failed because: ' + message); 
    } 
     }); 
    }); 

Answer 1

你不能把圖像放在一個div，在div沒有SRC，你必須把它放在一個img標籤

<img id="myImage" src=""/> 

Answer 2

好吧然後你想爲兩個然後首先下面的代碼試試android。

<img id="myImage" > 

<script type="text/javascript"> 
      var profileImage = ''; 
      function profileCapturePhotoEdit() { 
       navigator.camera.getPicture(profileonPhotoDataSuccess, onFail, { 
       quality: 20, allowEdit: true, 
       correctOrientation: true, 
       destinationType: Camera.DestinationType.DATA_URL, 
       sourceType: Camera.PictureSourceType.CAMERA } 
             ); 
      } 

      function profileonPhotoDataSuccess(imageData) { 
       localStorage.setItem("imageDataProfile","data:image/jpeg;base64," + imageData); 
       var imageDataProfile = localStorage.getItem("imageDataProfile"); 
       document.getElementById('myImage').src = imageDataProfile; 
      } 

      function onFail(message) { 
       // alert('Failed because: ' + message); 
      } 

      </script> 

併爲android添加cordova.js和相機相關權限。

Answer 3

我覺得「saveToPhotoAlbum選項」必須是假