1.新建Cordova项目,在项目目录里添加插件
cordova plugin add cordova-plugin-camera
cordova plugin add --save cordova-plugin-crop
2. 在Vue项目的index.html中引入Cordova.js并添加设备监听函数
<body>
<div id="app"></div>
<script type="text/javascript" src="cordova.js"></script>
<script>
document.addEventListener('deviceready', function() {
}, false);
</script>
</body>
注:npm run dev的时候要把引入和监听函数注释掉,因为这样在PC端跑不起来,在手机里才可以。
3.在需要调取摄像头的地方加入代码
比如我在一个“打开相机”的按钮上点击事件绑定了一个函数,叫getCamera,代码如下
getCamera: function(){
//打开照相机
navigator.camera.getPicture(function(imageURI){
//打开摄像头成功的回调
plugins.crop(function su