Javascript 使用输入类型按钮，可以将值传递给yii2中带有webcam.js的模型

我正在通过使用yii2advance实现webcam.js来设置我的web应用程序。但我不知道如何传递该值，因为我习惯使用

<?= $form->field($model, 'image')->fileInput(['accept' => 'image/*','class'=>'step3'])->label(false) ?> 

---

我希望我可以通过模型捕获图片并将其存储到数据库中。

没有任何新内容，它使用javascript上传捕获的图像，您只需要设置服务器端代码，包括本文@MuhammadOmerAslam中描述的模型和控制器操作，但是从文档中可以看出，如何将表单字段添加到输入按钮中？因为我需要一个按钮来运行上传功能。谢谢你的回复。

<input type=button value="Take Snapshot" onClick="captureimage()".

//view
<div id="webcam"></div>
<div id="results"></div>
  <input type=button value="Take Snapshot" onClick="captureimage()">
//javascript
<script language="JavaScript">
        Webcam.set({
            width: 300,
            height: 200,
            image_format: 'jpeg',
            jpeg_quality: 90
        });
        Webcam.attach( '#webcam' );
        function captureimage() {
            // take snapshot and get image data
            Webcam.snap( function(data_uri) {
                // display results in page

//script                 
Webcam.upload( data_uri, '/frontend/controllers/ApplyController.php', function(code, text) {
                    document.getElementById('results').innerHTML = 
                    '<h2>Uploaded image:</h2>' + 
                    '<img src="'+text+'"/>';
                } );    
            } );
        }
    </script>