在我的手机web应用(不是原生应用)中,我想拍一张照片并上传,但我不想使用Adobe Flash。有什么办法可以做到吗?
当前回答
你可以使用WEBRTC,但不幸的是并非所有的浏览器都支持它。下面是显示哪些浏览器支持它的链接 http://caniuse.com/stream
这个链接让您了解如何访问它(示例代码)。 http://www.html5rocks.com/en/tutorials/getusermedia/intro/
其他回答
好吧,有一个新的HTML5功能来访问本机设备摄像头-“getUserMedia API”
注意:HTML5可以在Android设备上处理网页上的照片捕获(至少在Honeycomb OS运行的最新版本上是这样;但它不能在iphone上运行,只能在iOS 6上运行。
你可以使用WEBRTC,但不幸的是并非所有的浏览器都支持它。下面是显示哪些浏览器支持它的链接 http://caniuse.com/stream
这个链接让您了解如何访问它(示例代码)。 http://www.html5rocks.com/en/tutorials/getusermedia/intro/
应该注意的是,已经实现了安全特性,这些特性要求应用程序在localhost下本地运行,或者通过SSL让GetUserMedia()工作。
我在尝试几个可用的演示时发现了这一点,当它们不起作用时感到失望!参见:新的安全限制
更新一下,现在的标准是:
<input type="file" name="image" accept="image/*" capture="environment">
访问面向环境(后置)的摄像头,和
<input type="file" name="image" accept="image/*" capture="user">
面向用户(前置)摄像头。要访问视频,在名称上将“视频”替换为“图像”。
在iPhone 5c上测试,运行iOS 10.3.3,固件760,工作正常。
https://www.w3.org/TR/html-media-capture/
iOS 6+和Android 2.2+上的Safari和Chrome支持HTML Media Capture,允许您使用设备的相机或选择现有的相机拍照:
<输入类型=“文件” 接受=“图像/*”>
以下是它在iOS 10上的工作原理:
Android 3.0+和iOS10.3+上的Safari也支持capture属性,用于直接跳转到相机。
<输入类型=“文件” 接受=“图像/*” 捕获>
capture="camera" (String)和accept="image/*;capture=camera" (Parameter)是旧规范的一部分,并被capture (Boolean)所取代。
支持文档:这本2013年O'Reilly的书和我的测试
推荐文章
- 防止滚动条增加到Chrome页面的宽度
- 使用图像而不是单选按钮
- 我可以嵌套一个<按钮>元素内< >使用HTML5?
- 设置TextView文本从html格式的字符串资源在XML
- 为什么我的球(物体)没有缩小/消失?
- Twitter Bootstrap 3 Sticky Footer
- CSS在特定的“内联块”项之前/之后换行
- 很好的初学者教程socket.io?
- 点击下载Href图片链接
- HtmlSpecialChars在JavaScript中等价于什么?
- 我如何删除背景图像在css?
- 如何克服HTML表单嵌套的限制?
- 如何使Bootstrap 4卡在卡列相同的高度?
- 使用域集图例引导
- 音频停止功能