h5（网页） 调用相机拍照和相册，实现图片上传功能_upload自动上传图片如何调用相机

情景描述：

               一个h5或者网页中需要上传图片功能，并且这个功能可以选择本地的图片或者拍照上传；

 

实现方法：

               我们在网页中是可以直接调用手机的相机或者上传本地图片的，也就是说，我们是有使用本地图片文件和

               拍照的权限的，即便网页是在微信环境或者其他浏览器环境中，也都是可以的；

 

                另外，ios 和 android 中也都是通用的，不用担心； 

                下面的 id 和 class 随意；

 

                第一种需求：只需要使用本地的图片资源

<input id="upload" type="file" accept="image/*;" class="abc">

                第二种需求：只需要使用相机拍照功能

<input id="upload" type="file" accept="image/*" capture="camera" class="abc">

                第三种需求：本地图片 +  拍照

<input id="upload" type="file" accept="image/*" class="abc">