<input type="file" 选择多张图片或拍照

如果你想让用户一次选择多张图片或通过摄像头拍摄多张图片，可以使用HTML5的`<input>`标签结合现代浏览器的特性。这里是一种常见的做法：

**HTML部分**：

<input type="file" multiple accept="image/*" capture="camera" id="selectMultipleImages">

关键点有两个：
- `multiple`属性允许用户选择多个文件。
- `capture="camera"`指定当用户点击“拍照”按钮时会打开相机，如果没有设置这个选项，默认就是从本地相册选取。

**JavaScript部分**：
为了监听用户操作并处理图片，你可以绑定`change`事件：

document.getElementById('selectMultipleImages').addEventListener('change', handleFiles);

function handleFiles(event) {
  var files = event.target.files;
  for (var i = 0; i < files.length; i++) {
    var file = files[i];
    // 对每个选定的文件进行处理，比如预览或上传
  }
}

在这个`handleFiles`函数中，你需要进一步处理每一个被选中的文件，这包括查看图片预览、显示选择的图片列表等。

**注意事项**：
- 拍照功能只在支持HTML5 getUserMedia的现代浏览器中可用，并且需要用户授权访问设备摄像头。
- 确保在处理大量图片时有良好的性能优化，防止一次性加载过多影响用户体验。