跨设备拍摄的照片上传(Cross device photo capture for upload)

由于在iOS6的移动Safari浏览器用户已经能够既可以通过相机或自己的相簿上传从他们的设备的图像。

Web开发人员只需编写一个上传脚本绑定文件输入标签，如下所示：

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

这将提示iOS用户选择图像源（图像文件或摄像机），然后将图像将被上传到服务器。 事情是这样的形象。

这非常适用于与移动Safari浏览器的iOS不过，我想在Windows手机，安卓以及iOS的iPhone和iPad这样相同的行为。

是否有类似的HTML规范为每个设备？

您可以使用此提供链接克里斯Droukas对他的回答来试试吧。

谢谢。

编辑：

我不得不尝试机会<input type="file" accept="image/*" capture="camera">上Android 4.2及iOS6的和在两个它允许用户拍照（或选择一个），并提交。

有人用更多的设备可以告诉我，如果这个工作又在哪里？

Answer 1:

根据这个图表 ， HTML Media Capture可在以下移动平台：

iOS的Safari浏览器 ：6.0和更高版本

Android浏览器 ：3.0和更高

谷歌浏览器 ：4.0和更高版本

BlackBerry浏览器 ：BB10

Opera移动（Android和塞班）：14.0和更高

火狐（安卓，MeeGo的）：11.0及更高

它不会出现在Internet Explorer中支持在Windows Phone。 您可以在不同的设备上测试此 。

Answer 2:

使用PhoneGap的 ：

<script type="text/javascript" charset="utf-8" src="phonegap-1.1.0.js"></script>

<script>
function takePicture() {
    navigator.camera.getPicture(
        function (uri) {
            var img = document.getElementById('camera_image');
            img.style.visibility = "visible";
            img.style.display = "block";
            img.src = uri;
            document.getElementById('camera_status').innerHTML = "Success";
        },
        function(e) {
            console.log("Error getting picture: " + e);
            document.getElementById('camera_status').innerHTML = "Error getting picture.";
        },
        { quality: 50, destinationType: navigator.camera.DestinationType.FILE_URI});
};
</script>


<input type="button" onclick="takePicture();" value="Take Picture" /><br/>

文章来源: Cross device photo capture for upload