Javascript JavaScriptへのPOST入力ファイルと応答の取得

Question

私はCamCard APIをテストしています。私のカメラで撮影した画像をAPIに投稿してレスポンスを得て、それをページに表示する必要がありますか？

これはサンプルコードですが、ウェブカメラから画像を取得してAPIにPOSTしてレスポンスを表示して表示する方法を知りたいと思います。

任意の指導をいただければ幸いです:)

Answer 1

あなたがウェブカメラから写真を撮るためにJpeg_Cameraライブラリを使用することができます。

あなたは必要な宛先にajax投稿を使用して出力を投稿し、必要に応じてajaxレスポンスを使用できます。

Load Jpeg_camera

<script src="/jpeg_camera/jpeg_camera_with_dependencies.min.js" type="text/javascript"></script> 

var camera = new JpegCamera("#camera"); 
 

 
var snapshot = camera.capture(); 
 

 
snapshot.show(); // Display the snapshot 
 

 
snapshot.upload({api_url: "<your CamCard url>"}) 
 
.done(function(response) { 
 
    response_container.innerHTML = response; // display your response 
 
    this.discard(); // discard snapshot and show video stream again 
 
}).fail(function(status_code, error_message, response) { 
 
    alert("Upload failed with status " + status_code); 
 
});