1

私はSpringMVCアプリケーションに取り組んでいます。このアプリケーションはフォームであり、ユーザーはJquery WebCam Plufinで写真を撮ります。ウェブカメラが機能していて、写真を撮ることができますが、画像をデータベースに書き込むか、サーバーにアップロードする必要があります。

データベースに挿入したいのですが、データベースに挿入する前にサーバーにアップロードする必要があるのでしょうか? これにアプローチする方法がわかりません。誰かがこれについて私を導くことができますか?

コード：

    $(document).ready(function(){

        document.createElement("canvas");

        $("#canvas").hide();

        $("#camera").webcam({
                width: 320,
                height: 240,
                useMicrophone: false,
                mode: "callback",
                swffile: "resources/swf/jscam_canvas_only.swf",
                quality:85,

                onSave: saveCB,
                onCapture: function () {
                    $("#camera").hide();
                    webcam.save();
                    $("#canvas").show();
                },

                debug: function (type, string) {
                    $("#status").html(type + ": " + string);
                }

        }); 



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

        $('#retake').click(function () {
            $("#canvas").hide();
            $("#camera").show();
            return false;
        });


        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);
            }

            }, false);
});

    <div id="tab1" class="divGroup">
            <form:form id="citizenRegistration" name ="citizenRegistration" method="POST" commandName="citizens" action="citizen_registration.htm">
                <div id="divRight" class="mainDiv">             
                    <div class="divGroup" id="divCharInfo"> 

                        <label id="status"></label>                             
                        <div id="camera"></div>

                        <div><p><canvas id="canvas" name="photo" height="240" width="320"></canvas></p><form:errors path="photo" class="errors"/></div>
                        <input  id="upload" type="button" value="Take Photo">
                        <input  id="retake" type="button" value="Re-Take Photo">
4

1 に答える 1

1

これについてまだ答えが必要かどうかわかりません。ところで、「保存」モードをサポートしていない jscam_canvas_only.swf を使用しています。jscam.swf に移動してから再試行してください...

于 2013-02-02T23:22:20.793 に答える