Webcam.js错误:无法找到要附加到的DOM元素 [英] Webcam.js Error: Could not locate DOM element to attach to

问题描述

我正在尝试使用Webcam.js捕获我的MVC项目中的图像.但是在最初的水平上，我有一个问题"Could not locate DOM element to attach to."

I am trying to use Webcam.js to capture image in my MVC project. But at the initial level I have an issue "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>

可见

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

可能的原因是什么?

推荐答案

将您的javascript函数放在标签/元素id:camera和id:takeshot

place your javascript functions beneath the tag/element id:camera and id:takeshot

这篇关于Webcam.js错误:无法找到要附加到的DOM元素的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！