调用手机端的相册和摄像头并且显示出来,代码如下图所示:
<script type="text/javascript">
mui.plusReady(funciton() {
var cw = plus.webview.currentWebview(); //获取窗口的指针
var titleName = cw.title;
var header = document.querySelector('.mui-title');
header.innerText = titleName;
});
var msgDom = document.getElementById("msg");
var galleryBtn = document.getElementById("gallery");
// 获取相册相片
galleryBtn.addEventListener('tap',function(){
plus.gallery.pick(function(path){
var img ="";
for (var i in path.files) {
img +="<img width=100 height=100 src="+path.files[i]+">";
}
msgDom.innerHTML = img;
},function(e){
msgDom.innerHTML= e.message;
},{
filter:"image",
multiple:true,
maximum:6
})
});
/* 调用手机端的摄像头*/
var camera = document.getElementById("camera");
camera.addEventListener("tap",function(){
var cm =plus.camera.getCamera(1); // 1 代表调用主摄像头 2、代表 辅摄像头
var cm =plus.camera.getCamera()
cm.captureImage(function(path){
var url = "file://" + plus.io.convertLocalFileSystemURL(path); //将短路径的相册url转化为长的绝对路径
var img ="<img width=100 height=100 src="+url+">";
msgDom.innerHTML = img;
});
//获取手机重力加速速度
vat acc = document.getElementById("getAcc");
acc.addEventListener("tap",function(e){
plus.watchAcceleration(function(ac){
var msg = document.getElementById("msg");
msg.innerText = "X:" +ac.xAxis+ "Y:"+ ac.yAxis+ "Z:"+ac.zAxis; //获取xyz的重力加速度
if ((ac.xAxis + ac.yAxis+ac.zAxis)>=20) {
alert("摇一摇");
} else if((ac.xAxis + ac.yAxis+ac.zAxis)<=10){
alert("静止");
}
});
})
</script>