javascript - 当文本框内容发生变化时自动提交表单

Question

我正在开发面部识别系统。当我使用网络摄像头捕获图像时，URL 会加载到表单中的文本框中。现在我希望表单提交并处理 php(如果已提交)。这是我的表格

<form action="<?php echo $_SERVER["PHP_SELF"];?>" method="post" enctype="multipart/form-data" id="frmsubmit">
                                                <input type="text" class="form-control input-sm" id="imgsrc" name="imgsrc">
                                                    <input type="submit" value="AUTHENTICATE" class="btn btn-primary" data-loading-text="Loading..." name="send" id="submit">
                                                    </form>

和我的 JavaScript

<script language="JavaScript">
webcam.set_api_url( 'present.php' );
    webcam.set_quality( 100 ); // JPEG quality (1 - 100)
    webcam.set_shutter_sound( true ); // play shutter click sound
    webcam.set_hook( 'onComplete', 'my_completion_handler' );

    function take_snapshot(){
        // take snapshot and upload to server
        document.getElementById('upload_results').innerHTML = '<h1>Uploading Image To Database...</h1>';
        webcam.snap();
    }

    function my_completion_handler(msg) {
        document.getElementById("imgsrc").value=msg;
        // extract URL out of PHP output
        if (msg.match(/(http\:\/\/\S+)/)) {
            // show JPEG image in page

            document.getElementById('upload_results').innerHTML ="<div class='alert alert-success fade in'> <i class='icon-remove close' data-dismiss='alert'></i> <strong>Success!</strong>Image Captured And Uploaded Successfully </div>";
            document.getElementById('upload_img').innerHTML ="<img src="+msg+" class=\"images\">";
            // reset camera for another shot
            webcam.reset();
            document.getElementById('frmsubmit').submit();
        }
        else {alert("PHP Error: " + msg);
    }
    }
</script>

和 PHP 代码

if(isset ($_POST["send"]))

{

Answer 1

例如使用提交按钮点击触发器

document.getElementById("submit").click();

您正在使用 document.getElementById('frmsubmit').submit();但您没有任何具有此 id 的表单，但您有 id 为“提交”的提交按钮。所以这段代码适合你。