Javascript 如何使用JQuery拍摄照片并在画布中显示？

我正在使用JQuery

我想拍一张照片，并显示使用画布，没有上传照片

var pos = 0, ctx = null, saveCB, image = [];
var canvas = document.createElement('canvas');
canvas.setAttribute('width', 320);
canvas.setAttribute('height', 240);
ctx = canvas.getContext('2d');
image = ctx.getImageData(0, 0, 320, 240);

var saveCB = function (data) {
    var col = data.split(';');
    var img = image;
    for (var i = 0; i < 320; i++) {
        var tmp = parseInt(col[i]);
        img.data[pos + 0] = (tmp >> 16) & 0xff;
        img.data[pos + 1] = (tmp >> 8) & 0xff;
        img.data[pos + 2] = tmp & 0xff;
        img.data[pos + 3] = 0xff;
        pos += 4;
    }

    if (pos >= 4 * 320 * 240) {
        ctx.putImageData(img, 0, 0);
        foto = canvas.toDataURL("image/png");
        //document.getElementById('foto').value = foto;
        pos = 0;
    }
};

$("#camera").webcam({
    width: 320,
    height: 240,
    mode: "callback",
    swffile: '@Url.Content("~/Content/js/jscam_canvas_only.swf")',
    onSave: saveCB,
    onCapture: function () {
        webcam.save();
    }
});

$('#upload').click(function () {
    webcam.capture();
    return false;
});

---

}，假）

你能澄清你的实际问题是什么吗？如果此代码不起作用，运行它时会发生什么？我想拍摄一张照片并在画布中显示此照片。。类似于站点示例（）。。但是如果不使用php，只使用Javascript/JQuery，这是可能的吗？我不想在服务器端保存照片

 <canvas id="canvas" width="320" height="240"></canvas>

 <input  id="upload" class="submit submit-blue" type="button" value="Tirar foto">

window.addEventListener("load", function() {
var canvas = document.getElementById("canvas");

if (canvas.getContext) {
    ctx = document.getElementById("canvas").getContext("2d");
    ctx.clearRect(0, 0, 320, 240);


    image = ctx.getImageData(0, 0, 320, 240);
}