HTML 图像捕获并将图像嵌入页面 - getUserMedia 后备

Question

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

是否可以在不上传/存储在我的服务器上的情况下使用页面中的图像？

我目前正在尝试使用以下方法来捕获图像：

                <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 作为备用方案，它允许移动设备上的用户使用相机拍摄自己的照片并将其上传到页面中。