用Phonegap顯示最近拍攝的圖像

我希望能夠通過按鈕<button onclick="showImage();">Show Image</button><br>顯示最近捕獲的圖像，但不知道如何執行此操作，並且我無法在Phonegap API中找到有關它的任何有用信息。基本上這是我需要幫助創建的功能showImage();。用Phonegap顯示最近拍攝的圖像

被正確執行用於捕捉圖像的代碼，我運行iOS 6

的PhoneGap /科爾多瓦：

<title>Capture Image</title> 

     <script type="text/javascript" charset="utf-8" src="cordova-2.1.0.js"></script> 
     <script type="text/javascript" charset="utf-8" src="json2.js"></script> 
     <script type="text/javascript" charset="utf-8"> 

      var captureSuccess = function(mediaFiles) { 
       var i, path, len; 
       for (i = 0, len = mediaFiles.length; i < len; i += 1) { 
        readDataUrl = mediaFiles[i].fullPath; 

       } 
      }; 

      function captureError(error) { 
       var msg = 'An error occurred during capture: ' + error.code; 
       document.getElementById('errormsg').innerHTML = msg; 
      } 

      function captureImage(){ 
       document.getElementById('format-data').innerHTML = ""; 
       document.getElementById('capture-result').innerHTML = ""; 
       navigator.device.capture.captureImage(captureImageSuccess, captureError, {limit: 1}); 
      } 

      } 

      function captureImageSuccess(mediaFiles) { 
       var i, len; 

       var formatSuccess = function (mediaFiles) { 
        document.getElementById('format-data').innerHTML = 
        "Height: <strong>" + mediaFiles[i].height + "</strong><br/>" + 
        "Width: <strong>" + mediaFiles[i].width + "</strong><br/>"; 
       }; 
       for (i = 0, len = mediaFiles.length; i < len; i += 1) { 
        // uploadFile(mediaFiles[i]); 
        document.getElementById('capture-result').innerHTML = "<br/><strong>" + (i+1) + " file<br/> Path: " + mediaFiles[i].fullPath + "</strong><br/>" + 
        "Height: <strong>" + mediaFiles[i].height + "</strong><br/>" + 
        "Width: <strong>" + mediaFiles[i].width + "</strong><br/>"; 
        mediaFiles[i].getFormatData(formatSuccess, formatError); 
       } 
       console.log("captureImageSuccess"); 
      } 


      </script> 

    </head>

HTML：

<body> 
     <button onclick="captureImage();">Capture Image</button> <br> 
     <button onclick="showImage();">Show Image</button><br> 
     <div class="result-block"> 
      Capture Result: <span id="capture-result"></span><br/> 
      <span id="errormsg"></span> 
     </div> 


    </body> 
</html>

來源

2013-01-08 P A Hemingstam

那麼你有圖像的完整路徑，只需創建一個img元素：

<img id="picResult" />

，並在你的JavaScript設置的URL時，你得到的迴應：

var formatSuccess = function (mediaFiles) { 
    document.getElementById('format-data').innerHTML = 
    "Height: <strong>" + mediaFiles[i].height + "</strong><br/>" + 
    "Width: <strong>" + mediaFiles[i].width + "</strong><br/>"; 

    //HERE: 
    document.getElementById('picResult').src = mediaFiles[i].fullPath; 

};

來源

2013-01-08 23:54:34

我張貼的答案發出像你相似。該帖子向您展示瞭如何在縮略圖上顯示拍攝的照片。

看你怎麼能解決你的問題：https://stackoverflow.com/a/14043467/1853864

來源

2013-01-09 10:56:05

HTML

<img id="picResult" width="100px" border="1" />

// capture callback 
function captureSuccess(mediaFiles) { 
var i, path, len; 
for (i = 0, len = mediaFiles.length; i < len; i += 1) { 
    path = mediaFiles[i].fullPath; 
    // do something interesting with the file 
$('#picResult').attr('src',path); 
    } 
};

確保檢查這些在線文檔右上角的PhoneGap的版本號確保你正確地做事。

瞭解如何在這裏也PhoneGap - Media Docs

來源

2013-04-03 23:53:48

用Phonegap顯示最近拍攝的圖像

回答

相關問題