カメラから写真をアップロードする方法

Question

私のWebアプリケーションターゲットでは、カメラから写真をアップロードして、その写真がユーザーアーカイブから選択されていないことを保証できます。

次のコードは正常に機能しますが、ユーザーは「写真を撮る」または「写真を選択する」を選択できます。 「写真を撮る」オプションだけを強制することは可能ですか？

<input id="myFileInput" type="file" accept="image/*" capture="camera"> 
<script> 
var myInput = document.getElementById('myFileInput'); 

function sendPic() { 
    var file = myInput.files[0]; 

    // Send file here 

} 

myInput.addEventListener('change', sendPic, false); 
</script> 

他のアイデアはありますか？

Answer 1

navigator.getUserMedia() APIでこれを行う方法がありましたが、廃止される危険性があり、SafariとWebkitではサポートされていませんでした。

navigator.mediaDevices.getUserMedia(myConstraints)でこれを行うための新しい標準がありますが、それはまだ広くサポートされていません（IEとSafariではサポートされていません）。

一貫して実装されたAPIが提供されるまで、JavaScriptはこれを達成できません。必要なのは、携帯電話の機能にアクセスできるネイティブアプリです.JavaScriptではその機能を使用できません。

Answer 2

2012年からjavacでブラウザからカメラにアクセスできました。caniuse getUserMedia()を参照してください：使用されているブラウザの70％がサポートしています。あなたは携帯電話でのみ逮捕されていますか？その後、割合が高くなります。

このメソッドはnavigator.getUserMedia（）として定義されていましたが、その後MediaDevices.getUserMedia（）に移動しました。ちょうど1画像を生成するために、getUserMedia（）を使用するには

（ビデオストリームではなく） このTutorial on mdnに従うと、それはdemoだ、それはあなたが求めているまさにありません。