输入 type="file" 拍照选项答案

【问题标题】：Input type="file" take a photo option输入 type="file" 拍照选项
【发布时间】：2016-01-25 21:20:33
【问题描述】：

我想知道为什么相机/选择文件的行为不仅在浏览器（Chrome、Safari）之间存在差异，而且在不同平台上的同一浏览器之间（Android Chrome 与 iPhone Chrome）也存在差异？

Modernizr.getusermedia 在 Android 上返回 true，但在 iPhone 上返回 false。

问题：在 iPhone Modernizr.getusermedia === false 上，但在 <input type="file" /> 菜单 Chrome/Safari 上建议我制作照片/视频。

问题： 有没有办法让 JavaScript 控制这种行为？

【问题讨论】：

顺便说一句 - android 上的 chrome 与 ios 上的 chrome 是 no 相同的浏览器。一点也不。 Apple 不允许使用第三方网络引擎。因此，chrome on ios 只是 safari 网页视图的包装。
@Patrick 谢谢，好点

【解决方案1】：

尝试将capture 属性添加到input 元素？

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

【讨论】：

不错的建议，今天试试！
accept="image/*;capture=camera" 在W3C Recommendation 中被替换为accept="image/*" capture。仅当您想直接从相机捕捉时才使用capture="capture"。有关详细信息，请参阅Correct Syntax for HTML Media Capture。
@OctavianNaicu 另见w3.org/2009/dap/wiki/ImplementationStatus, w3c.github.io/test-results/html-media-capture/all.html

【解决方案2】：

我想知道为什么同一浏览器在不同平台（Android Chrome 与 iPhone Chrome）上的相机/选择文件行为不同？

在 iPhone Modernizr.getusermedia === false 上，但在 <input type="file" /> 菜单 Chrome/Safari 上建议我制作照片/视频。

这是两个不同的 API。 getUserMedia 是一个复杂的 JavaScript API，Safari 没有实现，而 <input type="file" accept="image/*"/> 是一个非常简单的 HTML5 API。

【讨论】：