Cordova iOS平台下如何禁用文件输入控件的相机选项

嘿，这个问题我之前帮好几个开发者踩过坑～iOS Safari里的文件输入控件默认会弹出包含相机、相册、文件等选项的菜单，要禁用相机选项的话，核心是通过原生HTML属性来限制系统的行为，具体可以按以下方式操作：

1. 用capture="none"强制仅选择本地文件 #

给你的<input type="file">标签添加capture="none"属性，这个属性会告诉iOS系统：我们只需要已存在的本地文件，不需要调用相机拍摄新内容。搭配accept属性指定允许的文件类型，效果更稳定：

<!-- 允许所有类型的本地文件，隐藏相机选项 -->
<input type="file" accept="*/*" capture="none">

<!-- 仅允许图片文件，只显示相册选项 -->
<input type="file" accept="image/jpeg,image/png,image/gif" capture="none">

2. 明确指定文件扩展名（兼容旧版Safari） #

如果遇到旧版iOS Safari对capture="none"支持不佳的情况，可以直接用具体的文件扩展名代替image/*这类通配符，系统会因为无法匹配到“拍摄生成的临时媒体”而隐藏相机选项：

<input type="file" accept=".jpg,.jpeg,.png,.gif">

框架开发注意事项 #

如果你用React、Vue这类框架封装文件上传组件，要确保这些属性被传递到底层的原生<input>元素上，比如React中要写成：

<input
  type="file"
  accept="*/*"
  capture="none"
  onChange={handleFileChange}
/>

小提示：测试时记得用真实iOS设备，模拟器的行为可能和真机略有差异哦～

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