javascript - html5 + js : resolution or size of <input type=file capture=camera>

如何设置通过<input type=file capture=camera>从手机上传的照片的最大分辨率或最大尺寸？

最佳答案

当前有W3C支持的两种拍照方式(使用JavaScript/HTML捕获图像):

[1] HTML Media Capture

它在capture标记上使用accept="image/*"和input来指定目标。
根据规范，这种方式而不是允许您指定捕获的大小。

[2]媒体捕获和流
允许以完全编程方式访问摄像机，以便您可以实现自己的捕获对话框(用于视频和静态图像)。此外，它允许指定如下约束:

mandatory: {
  width: { min: 640 },
  height: { min: 480 }
},
  optional: [
{ width: 650 },
{ width: { min: 650 }},
{ frameRate: 60 },
{ width: { max: 800 }},
{ facingMode: "user" }
  ]
}

全局浏览器对第二种方式的支持为50％，因此只能在封闭环境中使用:
http://caniuse.com/#feat=stream

[1] http://www.w3.org/TR/html-media-capture/

[2] http://dev.w3.org/2011/webrtc/editor/getusermedia.html#constrainable-interface

关于javascript - html5 + js : resolution or size of <input type=file capture=camera>，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/17004981/