MUI学习四

调用手机端的相册和摄像头并且显示出来,代码如下图所示:

<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>

猜你喜欢

转载自blog.csdn.net/qq_33113113/article/details/83212276
MUI
今日推荐