h5页面打包成app后不能调用照相机

分类：HBuilder

Webview

用vue写好页面，build之后，通过hbuilder打包成apk，可以正常使用，但是页面内的上传附件功能，调用不了照相机，只能选择本地手机的照片，
但是在打包之前，本地是可以访问照相机的；

后来又通过wap2app打包，也是不能调用照相机。

2018-07-02 17:53 负责人:无分享

3 个回复

Trust - 少说废话

5+Webview 中由于部分权限受限，不能像浏览器中那样直接用 input 调起相机。
如果想要拍照，需要根据当前运行环境，判定是否使用5+API，调用相关的 API。
示例如下：

if (~navigator.userAgent.indexOf('Html5Plus')) {  
  console.log('支持5+API')  
  var plusReady = function (callback) {  
    if (window.plus) {  
      callback();  
    } else {  
      document.addEventListener('plusready', callback);  
    }  
  }  

  plusReady(function () {  
    // 获取触发拍照的表单元素  
    var inputElem = document.getElementById('input_camera');  
    inputElem.addEventListener('click', function () {  
      var camera = plus.camera.getCamera();  
      camera.captureImage(function (filePath) {  
        console.log('拍照成功')  
        console.log('拍照生成的文件路径:' + filePath);  
        //TODO  
      }, function () {  
        console.error('拍照失败');  
      });  
    });  
  });  
}