手机摄像头没有'不起作用

Phonegap camera doesn't work

本文关键字：不起作用 摄像头 手机      更新时间：2023-09-26

我的Android应用程序需要拍照，但相机插件不起作用。当我点击按钮时，什么也没发生。

index.html

<!DOCTYPE html>
<html>
  <head>
    <title>Capture Photo</title>
    <meta name="viewport" content="width=device-width,height=device-height,initial-scale=1"/>
    <script type="text/javascript" charset="utf-8" src="phonegap.js"></script>
    <script type="text/javascript" charset="utf-8">    
    document.addEventListener("deviceready",onDeviceReady,false);
      function onDeviceReady() {              
          alert("ready");
        }
    function capturePhoto()
    {
      navigator.camera.getPicture(onSuccess, onFail, { quality: 50, 
      destinationType: Camera.DestinationType.FILE_URI }); 
    }
    function onSuccess(imageURI) {
      var image = document.getElementById('myImage');
      image.src = imageURI;
    }
    function onFail(message) {
      alert('Failed because: ' + message);
    }    
</script>
  </head>
  <body>
    <button onclick="capturePhoto()">Capture</button> <br>
    <button onclick="onDeviceReady()">alert</button> <br>
    <img id="myImage" src="" />
  </body>
</html>

我添加了第二个按钮，只是为了检查按钮是否有效（而且确实有效）。

config.xml

    <?xml version="1.0" encoding="UTF-8" ?>
<widget xmlns= "http://www.w3.org/ns/widgets"
        xmlns:gap= "http://phonegap.com/ns/1.0"
        id= "testaplikacji"
        versionCode= "1"
        version = "1.0.0" >
    <name>Camera</name>
    <description>Camera test</description>
    <author>Sebastian</author>
    <gap:platform name="android" />
    <gap:plugin name="org.apache.cordova.dialogs" />
    <gap:plugin name="org.apache.cordova.camera" /> 
    <gap:plugin name="cordova-plugin-camera" />
    <feature name="Camera">
        <param name="android-package" value="org.apache.cordova.camera.CameraLauncher" />
    </feature>

    <access origin="*"/>
    <gap:config-file platform="android" parent="/manifest" mode="add" xmlns:android="http://schemas.android.com/apk/res/android">
        <uses-permission android:name="android.permission.CAMERA"></uses-permission>
        <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
    </gap:config-file>
</widget>

我在有权限和没有权限的情况下都尝试过。我尝试了不同的插件。我试着用这个要点：https://gist.github.com/dhavaln/2238017

还有本教程中的代码：https://www.youtube.com/watch?v=KlBfmHDZjmg

什么都不管用。我浪费了很多时间试图使这个工作。请帮帮我。

我已经在phonegap构建服务器上测试了这一点，当在HTML文件中使用这个最小的config.xml文件时，您提供的HTML代码可以工作（与我的另一个答案不同）。此外，请确保不要将Zip存档中的phonegap.js上载到构建服务器。在构建过程中将自动添加一个额外的。

<?xml version="1.0" encoding="UTF-8" ?>
    <widget xmlns   = "http://www.w3.org/ns/widgets"
        xmlns:gap   = "http://phonegap.com/ns/1.0"
        id          = "com.stackoverflow.example.SO37227132"
        versionCode = "10" 
        version     = "1.0.0" >
    <!-- versionCode is optional and Android only -->
    <name>PhoneGap Example</name>
    <description>
        An example for phonegap build docs. 
    </description>
    <author href="https://build.phonegap.com" email="support@phonegap.com">
        Hardeep Shoker 
    </author>
    <platform name="android" />
    <plugin name="org.apache.cordova.camera" source="pgb" />
</widget>

在两个不同的位置使用一个名为image的变量。但这是两个不同的变量。在onSuccess函数中，在需要的位置获取图像引用。

function onSuccess(imageURI) 
{
      var image = document.getElementById('myImage');
      image.src = imageURI;
}
相关文章：