HTML Image Capture并将图像嵌入到页面中 - 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作为后备，允许移动设备上的用户使用相机拍摄自己的照片并将其上传到页面中。