使用HTML5+调用手机摄像头和相册

前言：

前端时间使用HTML5做了一个WEB端APP，其中用到了H5页面调用手机摄像头的功能，当时也是花了不少时间去研究。最终是采用了HTML5plus（HTML5+）的方式完成了该功能，现将具体方法简单介绍下，并讲解下使用的注意事项。

实例：

具体流程：点击触发选择拍照或相册-->拍照或相册选择照片-->拿到图片路径进行压缩-->读取文件并显示在页面上

1. 首先是html代码，很简单，就是给一个添加按钮，点击触发事件，这里我就不把css文件放出来，大家知道是一个添加按钮就行。

   <h2 class="title-detail">
                      	图片描述
                   </h2>
                   <input type="hidden" id="picIndex" value="0">
                   <div id='image-list' class="row image-list">
                   	<!-- <input id="upload_image" type="file" name="image" accept="image/*" /> -->
                   	 <div class="image-item space" οnclick="showActionSheet()">
                   		<div class="image-up"></div>
                   	</div>
                   </div>

   
   
2. 后面我们来看下具体的js代码，按照上面我们说的方法共分为5个方法，具体如下：

   /