使用<input capture="camera">能否确认图片为相机实时拍摄而非本地上传？

环境预判断，匹配最优实现逻辑 #

• 移动端环境直接使用<input type="file" accept="image/*" capture="camera">方案：通过userAgent匹配手机、平板类移动设备特征，这类设备的主流浏览器对capture属性的实现标准度极高，触发后会直接唤起系统原生相机，不会弹出本地文件选择入口，完全满足需求，同时可以用到原生相机的所有功能。
• 桌面端环境自动切换为getUserMedia方案：桌面端本身极少有实时拍照的使用场景，且这类设备的getUserMedia适配复杂度远低于移动端，仅需要做轻量的视频流预览+截图逻辑即可，完全规避用户选择本地文件的风险。

文件属性校验，兜底拦截作弊场景 #

如果需要兼容边缘设备，可叠加多层文件校验规则，覆盖绝大多数非实时拍摄的场景：

• 时间差校验：实时拍摄的照片，文件创建时间/EXIF拍摄时间与前端接收文件的时间差一般不会超过10秒，超出阈值可直接判定为本地文件拦截，可预留合理的时间冗余抵消系统时间偏差。
• EXIF元数据校验：原生相机实时拍摄的照片会携带完整的拍摄参数（设备型号、光圈、快门、GPS（用户授权情况下）等），多数本地存储的网络图片、二次编辑过的图片会丢失这类元数据，或元数据拍摄时间与当前时间偏差极大，可作为辅助判断依据。
• 行为特征校验：从用户点击input控件到文件返回的耗时，正常拍摄操作至少需要1-2秒，如果耗时过短（比如低于500毫秒），大概率是用户选择了已存在的本地文件，可触发拦截逻辑。

边界说明 #

目前没有浏览器原生API可以直接判定input控件触发后是唤起了相机还是文件选择器，也没有官方字段标记返回文件的来源是实时拍摄还是本地读取，以上多层校验组合可以覆盖99%以上的常规作弊场景。如果业务对照片真实性要求极高，建议优先选择getUserMedia方案，视频流截图的逻辑完全由前端控制，不会出现本地上传的漏洞。

内容的提问来源于stack exchange，提问作者ChrisM