1. 在 hbuilderX 中创建一个新的 App 项目,选择“原生混合开发”模板。

  2. 在“manifest.json”文件中添加以下权限:

"permission": [
    "android.permission.CAMERA",
    "android.permission.WRITE_EXTERNAL_STORAGE"
]

这将允许应用程序访问摄像头和存储设备。

  1. 在“index.html”中添加一个按钮,用于触发拍照操作:
<button id="takephoto">Take Photo</button>
  1. 在“main.js”中添加以下代码:
document.getElementById("takephoto").addEventListener("click", function() {
    var camera = plus.camera.getCamera();
    camera.captureImage(function(path) {
        plus.gallery.save(path, function() {
            console.log("保存图片成功:" + path);
            plus.nativeUI.toast("保存图片成功:" + path);
        });
    }, function(error) {
        console.log("拍照失败:" + error.message);
        plus.nativeUI.alert("拍照失败:" + error.message);
    }, {
        filename: "_doc/camera/",
        index: 1
    });
});

这将获取摄像头实例,捕获图像并将其保存到设备的相册中。如果拍照失败,将显示警告消息。

  1. 在“manifest.json”文件中添加以下模块:
"plus.camera": {},
"plus.gallery": {},
"plus.nativeUI": {}

这将允许应用程序使用相机、相册和本地用户界面模块。

  1. 运行应用程序并单击“Take Photo”按钮,应该会打开摄像头并允许您拍照。照片将自动保存到设备的相册中。

原文地址: https://www.cveoy.top/t/topic/m5w 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录