使用 PhoneGap 访问我的平板电脑 api 时出现问题

Question

我需要一些帮助来制作我的应用程序。

我正在从事一个学校项目，我希望能够拍照或访问平板电脑的图片库，因为我希望可以选择将使用平板电脑拍摄的图像保存在 MySQL 数据库中。

但是，我无法让这部分工作。就好像我没有权限连接到平板电脑 api。 该应用程序 (android) 是使用 JQuery Mobile 在 dreamweaver 中构建的。要连接到平板电脑 api，我想使用 PhoneGap Build。 我选择不使用 DW 中的内置功能上传到 PhoneGap，因为我只是认为它会带来更多问题。相反，我只是制作一个 zip 文件并上传到他们的网站上。

我的第一个问题是我是否误解了 PhoneGap Build 的使用。我在很多地方读到过你必须使用 Eclipse 和 PhoneGap，真的有必要激活我的平板电脑的相机吗？ 我想坚持使用 HTML / css / JS，因为这是我最了解的，而不必使用 Java。

这是我的 HTML 代码，

<div data-role="content">   
    <div data-role="content" id="content" data-theme="a">
        <div class="ui-block-a"><div data-role="button" onClick="take_pic();">Take a Picture</div></div>
        <div class="ui-block-b"><div data-role="button" onClick="album_pic();">Select</div></div>
    </div>
    <img id="cameraImage" src="" />
</div><!-- /content -->


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

这是我称之为页面末尾的 camera.js 文件

function take_pic() {
navigator.camera.getPicture(onPhotoDataSuccess, function(ex) {
    alert("Camera Error!");
}, { quality : 30, destinationType: destinationType.DATA_URL });
}

function album_pic() { 
navigator.camera.getPicture(onPhotoURISuccess, function(ex) {
        alert("Camera Error!"); }, 
        { quality: 30, 
    destinationType: destinationType.FILE_URI,
    // Android Quirk: Camera.PictureSourceType.PHOTOLIBRARY and 
    // Camera.PictureSourceType.SAVEDPHOTOALBUM display the same photo album.
    sourceType: pictureSource.SAVEDPHOTOALBUM });
}

两个函数的代码取自侧面 Demo App of PhoneGap APIs using jQuery Mobile

我非常希望有人可以帮助我解决我做错的事情。当我按下我制作的 2 个按钮时没有任何反应，而且我真的不知道如何测试应用程序。

Answer 1

正在使用的 Phonegap Build 服务需要进行一些调整。您不能直接转换 www 文件夹并将其上传到构建服务。我建议你使用以下链接来学习和修改phonegap构建服务的html。

https://github.com/phonegap/phonegap-start

我只是在尝试并修改了您提供的索引文件。尝试一下（即使它可能无法完全正常工作）。

https://github.com/varunbhat/phonegap-test-app

希望这对您有所帮助.. 希望您喜欢 phonegap 体验。