使用HTML5+调用手机摄像头和相册文件夹等

HTML5+（也称为H5）提供了一套相对简洁的方式来与用户的设备交互，包括访问其内置功能如摄像头和图片库。要使用HTML5+调用手机摄像头和相册，你需要利用`<input type="file">`元素以及一些现代浏览器支持的File API。

1. **访问摄像头**：你可以创建一个`<input>`标签，设置`type`属性为`"file"`，然后加上`capture="camera"`。当用户点击这个输入框时，会打开摄像头允许用户拍摄照片或视频：

   <input type="file" accept="image/*,video/*" capture>

2. **访问相册**：如果只想让用户选择已有的照片，可以省略`capture`属性，让用户从设备的照片库中选择文件：

   <input type="file" accept="image/*">

3. **处理上传**：获取到用户选择的文件后，通常通过JavaScript来读取并处理`File`对象。例如，你可以监听`change`事件，并在事件处理器中操作选定的文件：

   document.querySelector('input[type=file]').addEventListener('change', function(e) {
     var file = e.target.files[0];
     // 对文件进行预览、上传或进一步处理
   });

注意，不是所有的旧版浏览器都支持这些特性，所以在实际项目中，可能需要检测浏览器兼容性并提供适当的备选方案。