在移动设备上仅显示对文件输入点击的有效操作

Show only valid actions on file input click on mobile devices

我有一个 input type=file,我希望当用户点击它时只显示文档的有效操作。我不要图片和视频。

我的文件标签是:

<input type="file" name="file" accept=".doc,.docx,.pdf,.txt,.odt,.wps"/>

使用此配置,当用户在 ios 上单击它时,safari 将显示一个菜单:

在 Android 设备上将显示如下内容:

我想要的是在 iOS 上只有选项 iCloud 和更多,在 Android 上只有文档或其他可以找到文档的地方。我想排除拍摄 picture/video 或从照片库中选择。

这可能吗?

没有。您可以指定您愿意接受哪种文件,但您不能指定文件上传框在特定 browser/OS.

上的实际外观

显然,当以这种方式生成的照片最终不会被接受时,浏览器不显示 "Camera" 或 "Take a Photo" 是明智的,但这种智能水平并不是烤在……还没有。