如何在jsp中从网络摄像头捕获图像？ [复制]答案

【问题标题】：How to capture an image from a webcam in jsp? [duplicate]如何在jsp中从网络摄像头捕获图像？ [复制]
【发布时间】：2019-12-12 15:12:15
【问题描述】：

我想在 jsp 页面中单击按钮后从我的 USB 网络摄像头中获取图像。我已经在 jsp 页面中展示了我的实时网络摄像头，但我想将它存储在一个文件夹中。我希望将按钮单击后来自 jsp 页面的输出存储在文件夹中

【问题讨论】：

JSP 在服务器上运行，无法访问客户端（浏览器）端硬件。您必须使用一些 JavaScript 或其他客户端代码来捕获图像，然后将获取的图片通过 HTTP 发送到服务器。
是的，但是如何在上面使用javascript呢？

标签： javascript jsp

【解决方案1】：

首先在Jsp中为图片数据添加隐藏字段：-

<input type="hidden" name="ImageData" id="ImageData"/>

第二次通过java脚本在其中添加图像数据：-

document.getElementById('ImageData').value = canvas.toDataURL("image/png");

第三个：使用请求在servet中获取值：-

String imageData = request.getParameter("ImageData");

第四个：- 将其转换为输入流：-

byte[] imagedata = DatatypeConverter.parseBase64Binary(imageData.substring(imageData.indexOf(",") + 1));
BufferedImage bufferedImage = ImageIO.read(new ByteArrayInputStream(imagedata));
ImageIO.write(bufferedImage, "png", new File("img.png"));
ByteArrayOutputStream baos = new ByteArrayOutputStream();
ImageIO.write(bufferedImage, "png", baos);
InputStream is = new ByteArrayInputStream(baos.toByteArray());**

【讨论】：

问题是如何从网络摄像头而不是画布元素中捕获数据。