HTML 图像捕获并将图像嵌入页面 - getUserMedia 回退

Question

我正在开发一个网站，该网站利用 getUserMedia 访问用户的网络摄像头并将其显示在页面中。对于不支持 getUserMedia 的 browsers/devices，我希望有一个选项可供用户拍照并将其上传到页面中。

是否可以在页面中使用图像而不上传 it/storing 我的服务器？

我目前正在尝试使用以下方法拍摄图像：

                <form action="#" method="post" enctype="multipart/form-data">
                    <label style="border: 1px solid black;">
                        <input id="image-picker" type="file" name="image" accept="image/*" capture>
                    </label>
                    <input type="submit" value="Upload">
                </form>

我不确定如何拍摄照片并将其嵌入到页面中。

请帮忙！

Answer 1

经过更多研究后，我决定使用 this plugin 作为后备方案，它允许移动设备上的用户使用相机拍摄自己的照片并将其上传到页面中。