iPhone端HTML5如何通过file input强制调用后置摄像头？

代码中capture="user"的配置遵循W3C媒体捕获标准的取值映射规则，该值的强制对应行为就是调用设备上朝向用户的前置摄像头。iPhone端的Safari及内置WebView会严格执行该规则，因此会默认拉起前置自拍摄像头，该行为和项目使用的PHP后端逻辑无关联。

仅需将capture属性的取值从user替换为environment，该取值对应设备背部朝向环境的后置摄像头，调整后的完整input代码如下：

<input name="photoAutomatic" id="automatic" type="file" capture="environment" accept="image/jpeg" class="btn btn-primary mb-2 d-none"/>

• 不同capture取值的实际表现：
  • capture="user"：触发后无系统弹窗，直接唤起前置摄像头
  • capture="environment"：触发后无系统弹窗，直接唤起后置摄像头
  • 完全移除capture属性：iPhone端点击input后会弹出系统选择菜单，允许用户自主选择从相册选图、调用摄像头拍照，不会直接唤起摄像头
• 兼容性范围：该配置在iOS10及以上版本的Safari、各类移动端WebView、微信内置浏览器中均可正常生效，无需额外编写JS适配逻辑，也不改动PHP端的上传处理流程，属于纯HTML层面的低侵入调整
• 实现路径提示：现有逻辑是基于input文件选择的标准上传流程，无需切换为getUserMedia类的自定义摄像头API实现，仅调整capture属性是开发成本最低、兼容性最稳定的方案

内容的提问来源于stack exchange，提问作者Adrian Roy Baguio