输入类型=“文件”拍摄照片选项

时间:2015-10-26 17:03:18

标签: javascript android ios iphone modernizr

我想知道为什么相机/选择文件的行为不仅在浏览器(Chrome,Safari)之间存在差异,而且在不同平台(Android Chrome与iPhone Chrome)之间的相同浏览器之间也存在差异?

'That' is not recognized as an internal or external command, operable program or batch file. The system cannot find the path specified. C:\Users\myself\Documents\This Press any key to continue . . . 为Android上的Chrome返回Modernizr.getusermedia,但为iPhone上的Chrome返回true

iPhone false上的

问题:,但在Modernizr.getusermedia === false菜单上,Chrome / Safari建议我制作照片/视频。

问题: 有没有办法在JavaScript控制下采取这种行为?

2 个答案:

答案 0 :(得分:4)

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

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

请参阅Polyfill file input with accept capture (using getUserMedia to capture?)Capturing Audio & Video in HTML5

答案 1 :(得分:1)

  

我想知道为什么不同平台上的相同浏览器(Android Chrome与iPhone Chrome)之间的相机/选择文件行为有何不同?

Chrome on iOS is actually just a wrapper around Webkit,Safari的渲染引擎。

  

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

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