Webcam.js错误:无法找到要附加到的DOM元素

Question

我试图在我的MVC项目中使用Webcam.js来捕获图像。但在最初阶段，我遇到了一个问题，"Could not locate DOM element to attach to."

我附了剧本

<style>
    .Camera {
        width: 320px;
        height: 240px;
        border: 1px solid black;
    }
</style>
<script type="text/javascript" src="~/Scripts/webcam.min.js"></script>
<script language="JavaScript">
    Webcam.set({
        width: 320,
        height: 240,
        image_format: 'jpeg',
        jpeg_quality: 90
    });
     Webcam.attach('#Camera');
</script>

In View

 <div>
       <div id="Camera" class="Camera"> </div>
    <br>
    <input type="button" id="takeshot" value="Capture" onClick="take_snapshot()" />
 </div>

可能的原因是什么？

Answer 1

将您的javascript函数放在标记/元素id:照相机和id:takeshot下面

Answer 2

试一试:删除类相机，发生在我身上，但在删除类之后，只保留"id“就行了。

照相机=document.getElementById(“照相机”)；

Webcam.attach(摄像机)；

Webcam.set({宽度:350，高度:300，image_format：'png'，png_quality:90 })；