单击 html input[type="file"] 时移动设备（Android 或 IOS）上的目标图像文件夹

Posted 2023-04-18

【中文标题】单击 html input[type="file"] 时移动设备（Android 或 IOS）上的目标图像文件夹

【英文标题】：target image folder on mobile (Android or IOS) when html input[type="file"] is clicked

【发布时间】：2015-11-27 23:03:52

【问题描述】：

我有这个问题，想不通：

我有一个简单的输入

<input type="file" id="mfile" name="file" class="input display-none optional_check" accept="image/jpg"/>

它在桌面浏览器上完美运行，但是当我从移动设备上单击它时，它会在以下选项之间打开一个选择：

文件系统或文档文件夹 相机 视频 声音

我想像 Facebook 一样将浏览重定向到移动设备的图像文件夹。

有可能吗？谢谢！

编辑 1：

把 accept="image/*" 改成 (image/png,image/jpg,image/jpeg,image/gif) 稍微改变了避免选择音频和视频的情况。

现在在 android 5.02 上，这是我所看到的：

在 Android 4.42 上我看到了这个：

我想要的是在每台设备（ios 也是）中获得与 android 4.4.2 相同的功能。

或者如果有可能像 facebook 那样直接进入 images 全局文件夹。

这似乎是一个Android 5 Bug，任何人都可以帮助我吗？

Fiddle

谢谢！

【参考方案1】：

您的“接受”值是错误的。尝试使用“image/*”：

<input type="file" id="mfile" name="file" class="input display-none optional_check" accept="image/*"/>

现在应该可以了。

【讨论】：

我在真实文件中设置了图像/jpeg。这不是我问的

您能提供更多信息吗？在我的手机上，此表单的工作方式与在 Facebook 上完全一样。

看起来像 Android 5 的错误。但是你能把你的实际 html 上传到 jsfiddle 吗？我会在一些设备上尝试一下。

无法找到 Android 5 手机，但我在三部 Android 4 手机上测试了您的代码，它可以正常工作。我想这是 Android 5 的一个错误，或者可能是它的浏览器。顺便问一下，您是否尝试过其他浏览器？