Phonegap 3（apache cordova）與getpicture錯誤（無法讀取屬性'PictureSourceType'和DATA_URL

我是新手在開發web應用程序與Apache 3.3.0科爾多瓦。花了幾天試圖啓動相機和使用插件文件傳輸，但總是給我同樣的錯誤。Phonegap 3（apache cordova）與getpicture錯誤（無法讀取屬性'PictureSourceType'和DATA_URL

，如果我用我的應用程序與PhoneGap的2.9一切完美，

STEPS我也跟着用3.3.0科爾多瓦

我使用的命令行創建創建我的項目Hello app安裝必要的插件，例如相機或filetr ansfer。

我在清單中添加了權限，我在config.xml中插件。

這不是問題。將不勝感激幫助。我正在使用Eclipse並在Android 4.4.2上進行開發。

的Index.html

<!DOCTYPE html> 
<html> 
    <head> 
    <title>Capture Photo</title> 

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

    var pictureSource; // picture source 
    var destinationType; // sets the format of returned value 

    // Wait for device API libraries to load 
    // 
    document.addEventListener("deviceready",onDeviceReady,false); 

    // device APIs are available 
    // 
    function onDeviceReady() { 
     pictureSource=navigator.camera.PictureSourceType; 
     destinationType=navigator.camera.DestinationType; 
    } 

    // Called when a photo is successfully retrieved 
    // 
    function onPhotoDataSuccess(imageData) { 
     // Uncomment to view the base64-encoded image data 
     // console.log(imageData); 

     // Get image handle 
     // 
     var smallImage = document.getElementById('smallImage'); 

     // Unhide image elements 
     // 
     smallImage.style.display = 'block'; 

     // Show the captured photo 
     // The inline CSS rules are used to resize the image 
     // 
     smallImage.src = "data:image/jpeg;base64," + imageData; 
    } 

    // Called when a photo is successfully retrieved 
    // 
    function onPhotoURISuccess(imageURI) { 
     // Uncomment to view the image file URI 
     // console.log(imageURI); 

     // Get image handle 
     // 
     var largeImage = document.getElementById('largeImage'); 

     // Unhide image elements 
     // 
     largeImage.style.display = 'block'; 

     // Show the captured photo 
     // The inline CSS rules are used to resize the image 
     // 
     largeImage.src = imageURI; 
    } 

    // A button will call this function 
    // 
    function capturePhoto() { 
     // Take picture using device camera and retrieve image as base64-encoded string 
     navigator.camera.getPicture(onPhotoDataSuccess, onFail, { quality: 50, 
     destinationType: destinationType.DATA_URL }); 
    } 

    // A button will call this function 
    // 
    function capturePhotoEdit() { 
     // Take picture using device camera, allow edit, and retrieve image as base64-encoded string 
     navigator.camera.getPicture(onPhotoDataSuccess, onFail, { quality: 20, allowEdit: true, 
     destinationType: destinationType.DATA_URL }); 
    } 

    // A button will call this function 
    // 
    function getPhoto(source) { 
     // Retrieve image file location from specified source 
     navigator.camera.getPicture(onPhotoURISuccess, onFail, { quality: 50, 
     destinationType: destinationType.FILE_URI, 
     sourceType: source }); 
    } 

    // Called if something bad happens. 
    // 
    function onFail(message) { 
     alert('Failed because: ' + message); 
    } 

    </script> 
    </head> 
    <body> 
    <button onclick="capturePhoto();">Capture Photo</button> <br> 
    <button onclick="capturePhotoEdit();">Capture Editable Photo</button> <br> 
    <button onclick="getPhoto(pictureSource.PHOTOLIBRARY);">From Photo Library</button><br> 
    <button onclick="getPhoto(pictureSource.SAVEDPHOTOALBUM);">From Photo Album</button><br> 
    <img style="display:none;width:60px;height:60px;" id="smallImage" src="" /> 
    <img style="display:none;" id="largeImage" src="" /> 
    </body> 
</html>

清單

<?xml version='1.0' encoding='utf-8'?> 
<manifest android:hardwareAccelerated="true" android:versionCode="1" android:versionName="0.0.1" android:windowSoftInputMode="adjustPan" package="com.example.hello" xmlns:android="http://schemas.android.com/apk/res/android"> 
    <supports-screens android:anyDensity="true" android:largeScreens="true" android:normalScreens="true" android:resizeable="true" android:smallScreens="true" android:xlargeScreens="true" /> 
    <uses-permission android:name="android.permission.INTERNET" /> 
    <application android:debuggable="true" android:hardwareAccelerated="true" android:icon="@drawable/icon" android:label="@string/app_name"> 
     <activity android:configChanges="orientation|keyboardHidden|keyboard|screenSize|locale" android:label="@string/app_name" android:name="helloclimbing" android:theme="@android:style/Theme.Black.NoTitleBar"> 
      <intent-filter> 
       <action android:name="android.intent.action.MAIN" /> 
       <category android:name="android.intent.category.LAUNCHER" /> 
      </intent-filter> 
     </activity> 
    </application> 
    <uses-sdk android:minSdkVersion="10" android:targetSdkVersion="19" /> 
    <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" /> 
    <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" /> 
    <uses-permission android:name="android.permission.RECORD_AUDIO" /> 
    <uses-permission android:name="android.permission.RECORD_VIDEO" /> 
     <uses-permission android:name="android.permission.CAMERA" /> 
    <uses-feature android:name="android.hardware.camera" /> 
    <uses-feature android:name="android.hardware.camera.autofocus" /> 
</manifest>

的Config.xml

<?xml version='1.0' encoding='utf-8'?> 
<widget id="com.example.hello" version="0.0.1" xmlns="http://www.w3.org/ns/widgets" xmlns:cdv="http://cordova.apache.org/ns/1.0"> 
    <name>Hello Cordova</name> 
    <preference name="loglevel" value="DEBUG" /> 
    <feature name="App"> 
     <param name="android-package" value="org.apache.cordova.App" /> 
    </feature> 
    <name>helloclimbing</name> 
    <description> 
     A sample Apache Cordova application that responds to the deviceready event. 
    </description> 
    <author email="[email protected]" href="http://cordova.io"> 
     Apache Cordova Team 
    </author> 
    <content src="index.html" /> 
    <access origin="*" /> 
    <feature name="Device"> 
     <param name="android-package" value="org.apache.cordova.device.Device" /> 
    </feature> 
    <feature name="NetworkStatus"> 
     <param name="android-package" value="org.apache.cordova.networkinformation.NetworkManager" /> 
    </feature> 
    <feature name="Camera"> 
     <param name="android-package" value="org.apache.cordova.camera.CameraLauncher" /> 
    </feature> 
    <feature name="File"> 
     <param name="android-package" value="org.apache.cordova.file.FileUtils" /> 
    </feature> 
    <feature name="Capture"> 
     <param name="android-package" value="org.apache.cordova.mediacapture.Capture" /> 
    </feature> 
    <feature name="FileTransfer"> 
     <param name="android-package" value="org.apache.cordova.filetransfer.FileTransfer" /> 
    </feature> 
    <feature name="InAppBrowser"> 
     <param name="android-package" value="org.apache.cordova.inappbrowser.InAppBrowser" /> 
    </feature> 
    <feature name="http://api.phonegap.com/1.0/device" /> 
<feature name="http://api.phonegap.com/1.0/camera"/> 
<feature name="http://api.phonegap.com/1.0/file"/> 
<feature name="http://api.phonegap.com/1.0/media"/> 
<feature name="http://api.phonegap.com/1.0/network"/> 
</widget>

來源

2014-01-11 Jared Gil

您不必手動編輯AndroidManifest.xml中或config.xml中安裝插入。看到我的答案在https://stackoverflow.com/a/20813323/529323

我試過你的代碼和「獲取圖片」功能的作品。只需以正確的方式安裝插件即可。

來源

2014-01-11 23:05:52

您使用最新版本的cordova版本是？我只是通過命令行下載lates one，然後在andoid中創建一個項目，然後我安裝像camera這樣的插件。我只是複製了cordova文檔的示例代碼[link]（http://docs.phonegap.com/en/3.3 .0/cordova_camera_camera.md.html＃相機），並顯示我相同的錯誤Picturesourcetype和DATA_URL –

我已經使用了科爾多瓦3.2，並在Android 4.4的設備上測試它。 >科爾多瓦創建測試com.yourcompany.test測試 > CD測試 >科爾多瓦平臺添加的Android >科爾多瓦插件添加org.apache.cordova.camera >科爾多瓦插件添加org.apache.cordova.file轉移和然後用您的版本替換www/index.html文件。 –

你可以給我一個測試項目在科爾多瓦3.3.0與攝像頭插件安裝和工作。這將是太棒了，因爲我嘗試每一件事，並繼續不工作。我將非常感謝 –

從我收集的問題來看，問題是CPU。任何使用ARM CPU運行4.4.2的設備都不會運行由Cordova製作的應用程序。如果它使用任何其他的，它確實如此。這就是爲什麼一些它可以工作，而另一些則沒有。

來源

2014-03-05 17:07:52 kriptonwarrior

嘗試安裝所有需要的電話差距插件使用命令行

cordova plugin add org.apache.cordova.network-information 
cordova plugin add org.apache.cordova.media 
cordova plugin add org.apache.cordova.camera

它的工作跟我來！

來源

2014-12-06 03:44:44

Phonegap 3（apache cordova）與getpicture錯誤（無法讀取屬性'PictureSourceType'和DATA_URL

回答

相關問題