qq_23043069 2015-10-31 13:10 采纳率: 0%
浏览 1371

phonegap照相不能返回图片数据

使用phonegap官网的cameraAPI的完整实例,在android下照片机可以使用但是拍照后img标签上没有照片，必须再次点击照片然后按返回才会显示，这是为什么？我是使用小米2s做为测试机

  • 写回答

1条回答 默认 最新

  • 你知我知皆知 2024-08-04 15:38
    关注

    以下回答参考 皆我百晓生、券券喵儿 等免费微信小程序相关内容作答，并由本人整理回复。

    这个问题是由于Android系统对相机应用的一些限制导致的。在Android 4.1及以后版本中，用户如果在手机上打开相机应用，系统会自动选择一个摄像头，并且在拍摄完成后会直接将照片保存到本地文件系统。

    然而，在PhoneGap中，我们无法直接控制设备的相机功能。因此，当你尝试使用PhoneGap的Camera API来获取或处理照片时，你可能无法得到预期的结果。这是因为PhoneGap并不支持Android的相机API。

    如果你想要在PhoneGap中实现相机功能，你可以考虑使用一些第三方库，比如jQuery Mobile中的mobile-camera插件。这个插件提供了基本的相机功能，包括设置相机的参数、触发拍照和保存照片等操作。

    以下是一个简单的例子：

    <!DOCTYPE html>
<html>
<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
</head>
<body>

<div data-role="page" id="cameraPage">
    <div data-role="header" data-position="fixed">
        <h1>My Camera App</h1>
    </div>
    
    <div data-role="content">

        <!-- Add your camera code here -->
        
    </div>
    
    <div data-role="footer">
        <a href="#" data-role="button">Close</a>
    </div>

</div>

<script type="text/javascript">
    $(document).ready(function() {
        $('#cameraPage').mobile();
    });
</script>

</body>
</html>

    在这个例子中，我们将相机页面添加到了HTML文档中，然后通过jQuery Mobile的mobile()函数将其渲染出来。你需要根据你的需求修改这段代码，以适应你的应用程序。

    评论

报告相同问题？

  • Phonegap拍照，图片保存应用
    2014-08-13 11:05
    4. **处理拍照结果**：当用户拍摄照片后，`getPicture`方法会返回一个包含图片数据的URI。你可以使用这个URI来显示图片，或者将其保存到本地文件系统。 5. **保存图片到应用目录**：PhoneGap提供`File`和`File...
  • 2、跨平台移动应用开发与PhoneGap入门指南
    2025-08-06 07:30
    sql99的博客 本博客详细介绍了跨平台移动应用开发所面临的挑战，包括操作系统碎片化、多团队协作问题、用户体验一致性、功能碎片化以及开发环境碎片化。同时，重点讲解了如何使用PhoneGap框架基于HTML5和CSS3技术构建跨平台应用...
  • 6、跨平台移动应用开发与 PhoneGap 入门指南
    2025-07-16 12:29
    rr23456的博客 本文详细介绍了跨平台移动应用开发所面临的挑战，包括操作系统碎片化、多团队协作问题、用户体验一致性以及设备功能差异等。同时，文章深入解析了使用 PhoneGap 进行跨平台开发的优势和原理，涵盖其基于 Web 技术的...
  • phonegap拍照的获取图片和设置问题
    2019-04-07 01:30
    在成功获取图片后，`onSuccess`回调函数会被调用，返回图片的URI。这个URI可以用于预览图片、上传到服务器或者保存到本地。如果出现错误，`onFail`回调会接收到一个错误信息。 在实际开发中，可能会遇到一些常见...
  • 18、使用 PhoneGap 实现原生应用开发
    2025-07-28 02:45
    yellow的博客 本文介绍了如何使用 PhoneGap 实现原生应用开发，涵盖了相机应用场景、PhoneGap API 的使用、插件集成、应用整合、发布流程等内容。同时探讨了开发过程中的注意事项、性能优化策略以及对未来的展望，旨在帮助开发者...
  • 3、PhoneGap开发入门与实践
    2025-08-06 07:30
    sql99的博客 本文详细介绍了PhoneGap开发的基础知识与实践技巧，包括如何创建第一个PhoneGap项目、配置Android环境、使用PhoneGap的各种核心功能（如联系人、文件系统、数据库、网络状态等API），并通过丰富的代码示例演示了实际...
  • 从0到1上手PhoneGap，开启跨平台开发之旅
    2025-04-29 23:37
    大雨淅淅的博客 在移动应用开发的广袤天地里，PhoneGap 无疑是一颗耀眼的明星，它为开发者们打开了一扇跨平台开发的便捷之门。PhoneGap 是一款免费开源的移动应用开发框架，允许开发者使用 HTML、CSS、JavaScript 等前端技术来开发...
  • 2、探索PhoneGap：跨平台移动应用开发的利器
    2025-12-05 07:52
    fanta的博客 本文深入介绍了PhoneGap（即Apache Cordova）作为跨平台移动应用开发框架的核心特性与使用方法。内容涵盖PhoneGap与Cordova的关系、发展历程、支持平台、开发环境搭建、项目结构解析、开发流程、插件使用、调试测试...
  • 使用phonegap的camra的本机移动应用程序
    2021-04-05 16:46
    标题中的“使用PhoneGap的Camera的本机移动应用程序”指的是使用PhoneGap框架开发的一个功能，该功能允许用户在移动设备上通过内置相机拍摄照片。PhoneGap是一个开源框架，它允许开发者使用HTML、CSS和JavaScript来...
  • 3、跨平台移动应用开发与 PhoneGap 入门指南
    2025-07-16 12:28
    rr23456的博客 本博客详细介绍了跨平台移动应用开发的挑战以及如何利用 PhoneGap 解决这些挑战。内容涵盖了功能碎片化与开发环境碎片化的问题，PhoneGap 的工作原理，HTML5 和 CSS3 的重要性，以及如何在安卓平台上设置 PhoneGap ...
  • 1、跨平台移动应用开发：PhoneGap 入门与实践
    2025-12-05 07:46
    废话输出机427的博客 本文介绍了使用PhoneGap进行跨平台移动应用开发的完整入门与实践指南。内容涵盖开发环境搭建（Node.js、Cordova、Android和iOS配置）、首个应用Travelly的开发流程（MVC结构、相机与地理定位功能实现）、UI框架选择...
  • phonegap开发中JS与Android之间的交互
    2016-04-28 12:40
    例如，在调用设备相机拍照后，可以通过`onSuccess`和`onError`回调处理图片数据或错误。 7. **安全与性能** JS与Android交互时需要注意权限管理，确保只访问必要的设备功能。同时，频繁的跨层通信可能影响性能，...
  • PhoneGap+Jquery+Html5从照相机和手机相册获取图片
    2019-04-14 01:22
    在上述示例中，`destinationType`参数指定了返回图片的方式，`sourceType`参数决定是从相机拍摄还是从相册选取。`allowEdit`如果设为`true`，用户可以在选取图片后进行裁剪。 为了使用户体验更加流畅，我们可以结合...
  • phoneGap-android实现拍照和选择图库
    2014-05-20 22:17
    如果PhoneGap的内置API不能满足特定需求，可以使用插件扩展功能。例如，如果需要对图片进行裁剪或编辑，可以安装第三方插件，如`cordova-plugin-camera`，它提供了更丰富的拍照和图片处理选项。 7. 实际应用示例：...
  • PhoneGap:关于 PhoneGap 插件
    2021-06-28 10:45
    2. **Camera 插件**：允许用户拍照或从相册选择图片，并将图片数据返回到 JavaScript。 3. **Geolocation 插件**：获取设备的地理位置信息，包括经度、纬度和精度。 4. **Accelerometer 插件**：读取设备的加速度...
  • 11、PhoneGap开发指南：从入门到实战应用
    2025-11-08 02:55
    键盘侠预备役979的博客 从框架简介、环境搭建、多平台开发流程（iPhone、Android、BlackBerry）到实战应用示例（如Hello World、小费计算器、联系人管理、地理定位和相机功能），详细介绍了如何使用PhoneGap进行跨平台移动应用开发。...
  • 没有解决我的问题, 去提问