2012-03-01 95 views
0

我想这是一个问题,但我想听听其他人对此的看法。为什么HTML5中没有<input type =“picture”>和/或<input type =“video”>?

世界上最简单的用例是从我的手机访问移动网站并发布一张我将拍摄的照片(甚至可以从我的相机胶卷中拿出一张)。现在我无法做到这一点。许多客户会认为这是一个“自然”的功能,很难告诉他们你根本无法做到这一点。您需要为这样一个简单的任务构建一个应用程序,或者必须使用某种特殊的浏览器应用程序来窃取文件输入以允许您选择图片,这显然不是他们希望最终用户必须做的事情。

输入类型的视频我想这将是一个有点困难,但不会伤害梦....

+1

他们实际上正在研究这个问题:http://dev.opera.com/articles/view/getusermedia-access-camera-privacy-ui/ – 2012-03-01 12:44:52

+0

同意laurens,目前的名称是getusermedia,它被称为< html5设备> 你仍然可以用C++/Ajax或flash做到这一点,但是getUserMedia会成为梦想成真。 – Tim 2012-03-01 13:22:33

+0

getUserMedia似乎用于流式传输。我正在寻找一个简单的“基于表单的”解决方案......只需提交一张图片,提交您的姓名,地址和电子邮件......但同意这也是一个很棒的API,真的没有更多的闪光! 。 – 2012-03-01 16:05:16

回答

0

<Input type="picture"><input type="video">可能在HTML5。但是,您可以添加<input type="file">并使用JavaScript或HTML本身根据其扩展名进行验证,如果出现任何问题,请参阅http://reference.sitepoint.com/html/input/type评论我。有<input type=image src=you.jpg>用于创建图像提交按钮

+0

把这样一个标签什么都不做的好处是什么?我基本上要求能够通过移动电话的形式发布图片...不能制作自己的HTML语法 – 2012-03-01 16:04:02

1

根据此网页:http://www.w3.org/2009/dap/该功能将通过JavaScript设备API(HTML媒体捕获)提供。但没有实际的实现尚未得到证实。

但我们有很多期待谁当它:)

+0

http://www.w3.org/TR/2011/WD-html -media-capture-20110414 /实际上正是我想要的......奇怪为什么要花这么长时间才能完成规范并实际在webkit上实现它! – 2012-03-01 16:06:21

+0

打我。这会很好。所有HTML 5需要的是更多的与移动设备的插入,是真正awsome,并成为本机应用程序的一个严重的选择:) – Tokimon 2012-03-06 13:55:11

1

你可以用HTML5和HTML4.01做到这一点。图片使用<input type="file" accept="image/*"/>,视频使用<input type="file" accept="video/*"/>

据我所知,Internet Explorer和Safari甚至不会试图基于此来进行限制,但无论如何你需要服务器端的MIME验证。

+0

你错过了一点。这个想法是允许移动网站从用户电话接收图片和/或视频;不关心限制类型,只需允许用户上传图片,而无需为其开发自定义应用程序。从iOS 6开始,Safari允许您使用相机胶卷的照片填充。我相信Android自从2.3 – 2013-01-26 14:04:52

+0

上面的代码在移动设备上工作。根据[这2013 O'Reilley书](https://books.google.com.au/books?id=gswdarRZVUoC&pg=PA263&dq=%22file+upload+compatibility+table%22)支持''从iOS6和Android 2.2上的Safari开始 – 2016-11-10 14:26:43