在我的手机web应用(不是原生应用)中,我想拍一张照片并上传,但我不想使用Adobe Flash。有什么办法可以做到吗?
当前回答
AppMobi HTML5 SDK曾经承诺通过基于HTML5的应用程序访问本机设备功能(包括摄像头),但现在不再属于谷歌所有。相反,试试这篇文章中基于html5的答案。
其他回答
在iPhone iOS6和Android ICS之后,HTML5有以下标签,允许你从你的设备上拍照:
<input type="file" accept="image/*" capture="camera">
Capture可以取相机、摄像机和音频等值。
我觉得这个标签在iOS5里肯定不行,我不确定。
如果没有一些额外的机制(如Flash或允许访问硬件API的某种类型的容器),我不知道有任何方法可以从web浏览器访问手机的摄像头。
后者可以查看PhoneGap: http://docs.phonegap.com/phonegap_camera_camera.md.html
这样你至少可以在基于iOS和android的设备上访问相机。
如今,至少有了android,这相对容易。只需使用普通的文件输入标签,当用户点击它时,手机会询问用户是否想使用相机(或文件管理器等)上传文件。只要用相机拍一张照片,它就会自动添加和上传。
对iphone一无所知。也许有人能指点一下。 编辑:Iphone的工作原理类似。
输入标签的示例:
<input type="file" accept="image/*" capture="camera">
好吧,有一个新的HTML5功能来访问本机设备摄像头-“getUserMedia API”
注意:HTML5可以在Android设备上处理网页上的照片捕获(至少在Honeycomb OS运行的最新版本上是这样;但它不能在iphone上运行,只能在iOS 6上运行。
应该注意的是,已经实现了安全特性,这些特性要求应用程序在localhost下本地运行,或者通过SSL让GetUserMedia()工作。
我在尝试几个可用的演示时发现了这一点,当它们不起作用时感到失望!参见:新的安全限制
推荐文章
- 使伸缩项目正确浮动
- 形式内联内的形式水平在twitter bootstrap?
- 自定义元素在HTML5中有效吗?
- 如何触发自动填充在谷歌Chrome?
- 创建圈div比使用图像更容易的方法?
- 为什么Chrome浏览器不正确地确定页面是在不同的语言,并提供翻译?
- 在网页上用鼠标模拟震颤(例如帕金森病)?
- Bootstrap抛出Uncaught错误:Bootstrap的JavaScript需要jQuery
- 如何改变文本区域的边框颜色:焦点
- 我如何设置背景颜色为文本的宽度,而不是整个元素的宽度,使用CSS?
- 如何删除和清除所有的本地存储数据
- 强制打开“另存为…”弹出打开文本链接点击PDF在HTML
- 如何修改标签文本?
- 在HTML中还有其他有用的空格码吗,比如半空格的 , em-spaces, en-spaces等等?
- 输入触发器按钮单击