ios - 我希望从 iPhone 浏览的用户可以选择只上传视频或图像，而不是同时上传

Question

我在网站上有两种形式。

• 要求用户上传视频
• 第二个要求用户上传图片

当用户单击按钮将文件附加到表单时，用户始终会看到两个选项:

• “拍照或录像”
• “选择现有”- 用户可以选择他们选择的任何文件类型

---

Vimeo 以某种方式限制了此文件附件功能，使其仅限于启用视频上传(过去，他们最近似乎限制了移动功能)。用户会看到以下两个选项:

• “拍视频”
• “选择现有”- 用户只能选择视频文件

---

如何让用户在将文件附加到表单时只能选择适当文件类型的文件？

Answer 1

要限制文件 input 将采用的媒体类型，您可以使用 accept属性。

仅适用于图像:

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

仅限视频:

<input type="file" accept="video/*">