在从网络摄像头捕获的网页中显示图片

我正在使用jquery-webcam-plugin （不熟悉jQuery）。 我想在网络摄像头拍照，并希望立即在同一网页上显示该图片，可能用网络摄像头拍摄的图像替换一些默认图像，没有任何服务器通信，这可能吗？ 如果可能请建议。

如果从网络摄像头捕获的图像是本地保存的，我可以使用该图像路径吗？

我正在使用以下代码（以及相关的API /插件）：

    // this is the interface to webcam, registers webcam function showWebcam(){ $("#camera").webcam({ width: 320, height: 240, mode: "callback", swffile: "jscam_canvas_only.swf", quality: 85, onCapture: function () { }, onTick: function () {}, onSave: function () {}, onLoad: function () {}, debug: function(type, string) { $('#wcStatus').append(type + ": " + string + '

'); } }); } // **** THIS IS THE FUNCTION I NEED HELP I THINK **** //this function captures image from webcam function capture_image(){ var p = webcam.capture(); //webcam.save(); alert("capture complete "+p); //getting true here void(0); var canvas = document.getElementById('canvas'); var context = canvas.getContext("2d"); var img = canvas.toDataURL("image/png"); var item_image = img.replace(/^data:image\/(png|jpg);base64,/, "") ; //alert(item_image); //LINE BELOW DOESN'T WORK, I want to replace default image by image of a  tag //captured by WC document.getElementById('myImg').src=img;// document.getElementById('myImg').src=item_image; // NOW WHAT TO DO HERE PLEASE SUGGEST }   //FOLLOWING IS THE HTML SNIPPET  
 
 
 Use Webcam Instead Take a picture! 
 // some default image, which will be replaced by image captured by webcam  
   

任何建议表示赞赏。 如果我做错了，请纠正我。

Answer 1

源代码解释了它的工作原理。 照片不存储在文件系统中，而是存储为base64编码的Javascript变量。