在函数中调用输入类型

时间:2013-03-21 11:58:24

标签: javascript html5 function

目的是当页面加载时,将对函数进行onload调用,并且此函数内部将是一个输入类型,将访问设备摄像头。

如何在JavaScript函数中调用输入类型?

    <!DOCTYPE HTML>
<html>
<head>
<title>Take Picture</title>
<meta name="viewport" content="width=device-width, initial-scale=1" />

<script type="text/javascript">

    function getPic()
    {
        <input type="file" id="takePic" style="display: none;" accept="image/*;capture=camera">
    }
</script>  

</head>

<body onload="getPic()">

编辑:下面的代码行允许访问设备的相机,工作正常。

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

基本上我想要的是,当页面加载时,它会自动点击上面一段代码中的选择文件按钮。我认为最好的方法是通过JS。我可能错了。

我对JS知之甚少,所以我在网上找到了一点之后来到这里寻求帮助。

2 个答案:

答案 0 :(得分:0)

如果您想在身体使用中添加输入document.write

function getPic()
{
    document.write('<input type="file" id="takePic" style="display: none;" accept="image/*;capture=camera">');
}

如果要访问该输入,请使用getElementById()

document.getElementById('takePic')

答案 1 :(得分:0)

如果你的目标是从网络摄像头拍摄快照,那么最好使用navigator.getUserMedia()API。

有关详情,请参阅此页:http://www.html5rocks.com/en/tutorials/getusermedia/intro/

它在IE和Safari中不受支持,但适用于当前版本的Firefox,Chrome和Opera:http://caniuse.com/#feat=stream