Android 14 下Chrome上传图片不显示相机打开选项问题求助

这个问题确实有不少开发者碰到，属于Android 14系统与Chrome浏览器适配的行为变更，在Google Pixel、三星Galaxy等多款设备上都有出现。

可行解决办法 #

方法1：添加capture属性调整行为 #

修改原有的input标签，补充capture属性：

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

空值的capture属性在多数Android 14的Chrome版本中，会重新唤起包含相机和图库的选择弹窗。如果需要直接指定相机方向，可以用capture="user"（前置）或capture="environment"（后置），不过这种设置会直接打开相机，不显示选择菜单。

方法2：拆分独立操作按钮（最可靠） #

如果上述方法不稳定，建议拆分出两个独立按钮，分别处理相机拍摄和图库选择，彻底规避浏览器行为差异：

<!-- 相机拍摄按钮 -->
<input type="file" accept="image/*" capture="user" style="display: none" #cameraInput>
<button (click)="cameraInput.click()">拍摄照片</button>

<!-- 图库选择按钮 -->
<input type="file" accept="image/*" style="display: none" #galleryInput>
<button (click)="galleryInput.click()">从图库选择</button>

这种方式能保证在所有Android版本的Chrome中都有一致的用户体验。

方法3：指定具体图片MIME类型 #

Android 14的Chrome对image/*通配符的匹配逻辑有调整，尝试指定具体的图片格式类型：

<input type="file" accept="image/jpeg,image/png,image/heic" capture="">

部分场景下，明确的MIME类型会触发浏览器重新加载完整的选择选项。

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