未定义网络摄像头（Javascript）

我试图使用

ClassName

为一些参数设置网络摄像头设置，但控制台显示

网络摄像头未定义

。谁能解释一下我的错在哪里？我已经将其上的变量设置为

attachs[]

，但仍然显示错误。我已经浏览了这个问题，但是我不知道在我的脚本中该做什么。请帮忙

这是我的剧本：

var attachs = document.getElementsByClassName('my_camera');

attachs[0] = Webcam.set({ width: 360, heighht: 300, dest_width: 640, dest_height: 480, image_format: 'jpeg', jpeg_quality: 100 });
attachs[1] = Webcam.set({ width: 360, heighht: 300, dest_width: 640, dest_height: 480, image_format: 'jpeg', jpeg_quality: 100 });
attachs[2] = Webcam.set({ width: 360, heighht: 300, dest_width: 640, dest_height: 480, image_format: 'jpeg', jpeg_quality: 100 });

Webcam.attach(attachs[0]);
Webcam.attach(attachs[1]);
Webcam.attach(attachs[2]);

function take_snapshot(){
    Webcam.snap( function(data_uri){
        var camera = getElementsByClassName('my_camera');
        camera[0].innerHTML = '<h2>Hasil Foto :</h2>' + '<img class="img-responsive" src="'+data_uri+'"/>';
        camera[1].innerHTML = '<h2>Hasil Foto :</h2>' + '<img class="img-responsive" src="'+data_uri+'"/>';
        camera[2].innerHTML = '<h2>Hasil Foto :</h2>' + '<img class="img-responsive" src="'+data_uri+'"/>';

    var raw_image_data = data_uri.replace(/^data\:image\/\w+\);base64\,/, '');

    var mydata = document.getElementsByClassName('mydata');
    mydata[0].value = raw_image_data;
    mydata[1].value = raw_image_data;
    mydata[2].value = raw_image_data;

    var opening = document.getElementsByClassName('opening');
    opening[0].submit();
    opening[1].submit();
    opening[2].submit();

  });
}

var attachs=document.getElementsByClassName（'my_-camera'）；
attachs[0]=网络摄像头.set（{宽度：360，高度：300，目标宽度：640，目标高度：480，图像格式：“jpeg”，jpeg质量：100}）；
attachs[1]=网络摄像头.set（{宽度：360，高度：300，目标宽度：640，目标高度：480，图像格式：“jpeg”，jpeg质量：100}）；
attachs[2]=网络摄像头.set（{宽度：360，高度：300，目标宽度：640，目标高度：480，图像格式：“jpeg”，jpeg质量：100}）；
网络摄像头。附件（附件[0]）；
网络摄像头。附件（附件[1]）；
网络摄像头。附件（附件[2]）；
函数take_snapshot（）{
网络摄像头.snap（函数（数据uri）{
var-camera=getElementsByClassName（'my_-camera'）；
摄像头[0]。innerHTML='Hasil Foto:'+'；
摄像头[1]。innerHTML='Hasil Foto:'+'；
摄像头[2]。innerHTML='Hasil Foto:'+'；
var raw\u image\u data=data\u uri.replace（/^data\：image\/\w+\）；base64\，/，''；
var mydata=document.getElementsByClassName（'mydata'）；
mydata[0]。值=原始图像数据；
mydata[1]。值=原始图像数据；
mydata[2]。值=原始图像数据；
var opening=document.getElementsByClassName（'opening'）；
正在打开[0]。提交（）；
正在打开[1]。提交（）；
正在打开[2]。提交（）；
});
}

编辑

这是我之前要求的全部脚本

//图像上传预览
$（文档）.ready（函数（）{
$（document）.on（'change'，'.btn file:file'，function（）{
变量输入=$（此），
label=input.val（）.replace（/\\/g，“/”）.replace（/.\/，”）；
触发器（'fileselect'，[label]）；
});
$（'.btn file:file'）。在（'fileselect'，函数（事件，标签）上{
var input=$（this）.parents（'.input group'）.find（':text'），
日志=标签；
if（input.length）{
输入.val（log）；
}否则{
如果（日志）警报（日志）；
}
});
函数readURL（输入）{
if（input.files&&input.files[0]）{
var reader=new FileReader（）；
reader.onload=函数（e）{
$（'#img upload'）.attr（'src'，e.target.result）；
}
reader.readAsDataURL（input.files[0]）；
}
}
$（“#imgInp”）.change（函数（）{
readURL（this）；
});
});
//模态触发器
$（'#delete'）。on（'show.bs.modal'，函数（e）{
$（this.find（'.btn ok'）.attr（'href'，$（e.relatedTarget.data（'href'））；
$（'.debug url'）.html（'Data url:'+$（this.find（'.btn ok'）.attr（'href'）+''）；
});
//实时时钟
$（文档）.ready（函数（）{
设置间隔（时间戳，1000）；
});
函数时间戳（）{
$.ajax({
网址：'http://localhost/dailyreport/function/timestamp.php',
成功：功能（数据）{
$（'#timestamp'）.html（数据）；
},
});
}
//网络摄像头脚本
需要（'./Webcam.js'）；
var attachs=document.getElementsByClassName（'my_-camera'）；
attachs[0]=网络摄像头.set（{宽度：360，高度：300，目标宽度：640，目标高度：480，图像格式：“jpeg”，jpeg质量：100}）；
attachs[1]=网络摄像头.set（{宽度：360，高度：300，目标宽度：640，目标高度：480，图像格式：“jpeg”，jpeg质量：100}）；
attachs[2]=网络摄像头.set（{宽度：360，高度：300，目标宽度：640，目标高度：480，图像格式：“jpeg”，jpeg质量：100}）；
网络摄像头。附件（附件[0]）；
网络摄像头。附件（附件[1]）；
网络摄像头。附件（附件[2]）；
函数take_snapshot（）{
网络摄像头.snap（函数（数据uri）{
var-camera=getElementsByClassName（'my_-camera'）；
摄像头[0]。innerHTML='Hasil Foto:'+'；
摄像头[1]。innerHTML='Hasil Foto:'+'；
摄像头[2]。innerHTML='Hasil Foto:'+'；
var raw\u image\u data=data\u uri.replace（/^data\：image\/\w+\）；base64\，/，''；
var mydata=document.getElementsByClassName（'mydata'）；
mydata[0]。值=原始图像数据；
mydata[1]。值=原始图像数据；
mydata[2]。值=原始图像数据；
var opening=document.getElementsByClassName（'opening'）；
正在打开[0]。提交（）；
正在打开[1]。提交（）；
正在打开[2]。提交（）；
});
}

苦艾酒

Sekarang Pukul
这是一个非常重要的问题

这是一个非常重要的问题。
第二次换班时间为09:15:00，换班时间为15:15:00，换班时间为12:15:00，换班时间为12:15:00，换班时间为12:15:00

员工无法接受absensi&sesi foto轮班制，因为他们需要一个新的管理者区域


洛卡斯出口
洛卡斯出口
员工开放
伊金
可爱的
关
基里姆
安比尔福托
洛卡斯出口
洛卡斯出口
职员中层
基里姆
安比尔福托
洛卡斯出口
洛卡斯出口
棍疮
基里姆
安比尔福托

网络摄像头不是本机浏览器，您需要导入脚本/库。喜欢

必须在运行自己的代码之前添加脚本，否则将出现此错误

编辑