Posted at

js ユーザから画像を取得


画像ファイルを取得し、ページに表示させる

<input type="file" accept="image/*" capture="camera" id="camera">

<img id="frame">
<script>
var camera = document.getElementById('camera');
var frame = document.getElementById('frame');

camera.addEventListener('change', function(e) {
var file = e.target.files[0];
// Do something with the image file.
frame.src = URL.createObjectURL(file);
});
</script>


参考

https://developers.google.com/web/fundamentals/media/capturing-images/?hl=ja