从jquery网络摄像头捕获图像后重定向到404

Question

我正在使用https://github.com/jhuckaby/webcamjs使用我的网络摄像头捕获图像。这是我的HTML

<div class="row" id="webCam">
    <div class="col-xs-12 col-md-12">
       <div id="my_camera" style="width: 210px; height: 190px;"></div>
        <button id="takePhoto">Take Snapshot</button>
     </div>
 </div>

我使用按钮来初始化网络摄像头。该按钮调用此功能

//capture image frome web cam
function captureFromCam() {
  $('#webCam').show();

  Webcam.set({
    width: 200,
    height: 180,
    dest_width: 230,
    dest_height: 200,
    //image_format: 'jpeg',
    jpeg_quality: 90
     //force_flash: false
  });
  Webcam.attach('#my_camera');
  Webcam.setSWFLocation("~/jQuery-Plugin/webcam/webcam.swf");
}

我使用另一个功能来捕捉图像。

function take_snapshot() {
  Webcam.snap(function (data_uri) {
    //document.getElementById('my_result').innerHTML = '<img src="' + data_uri + '"/>';
    $('#imgprvw').attr('src', data_uri);
    image = data_uri;
    $('#webCam').hide();
    Webcam.reset();
  });
} 

我的问题是它们正在运行并正确捕获图像。但是在捕获我的页面后重定向到此错误页面

Answer 1

我通过替换

找到了解决方案

  `<input type="button" id="takePhoto" value="Take Snapshot" />`