使用PhoneGap访问平板电脑API时出现问题

时间:2013-01-02 17:28:16

标签: android api cordova jquery-mobile

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

我正在开展一个学校项目,我希望能够拍照或访问平板电脑的图片库,因为我希望可以选择将平板电脑捕获的图像保存在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个按钮并且我真的不知道如何测试应用程序时,没有任何事情发生。

1 个答案:

答案 0 :(得分:0)

正在使用的Phonegap Build服务需要某些调整。您无法直接转换www文件夹并将其上载到构建服务。我建议您使用以下链接来学习和修改用于phonegap构建服务的html。

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

我只是试着修改你给的那些索引文件。试一试(即使它可能不完全正常工作)。

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

希望这会对你有所帮助..希望你喜欢这款手机的体验。