h5 wap 上传图片通过选择图片和摄像头拍照

原创于 2020-04-10 15:24:07 发布 · 323 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#js #html5

h5+js 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了一种在微信环境中利用HTML5的input元素实现拍照并即时上传图片的方法。通过设置capture属性为camera，可以直接调用微信内置的摄像头进行拍摄，之后通过onchange事件监听文件选择变化，实时获取拍摄的照片信息。

	<!-- 微信调用摄像拍照 capture="camera" -->
 	<input type="file" id="uploadpic" accept="image/*" capture="camera">
    <script>
    	var picurl=document.querySelector('#uploadpic');
    	picurl.onchange=function(event){
    		var files = event.target.files;
    		console.log(files);
    	}
    </script>