Javascript 如何在jsp中从网络摄像头捕获图像？

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

首先为jsp中的图像数据添加隐藏字段：-

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

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

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

第四：-将其转换为inputstream:-

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());**

---

JSP在服务器上运行，无法访问客户端（浏览器）硬件。您必须使用一些JavaScript或其他客户端代码来捕获图像，然后通过HTTP将获取的图片发送到服务器。是的，但如何在其上使用JavaScript？问题是如何从网络摄像头而不是画布元素捕获数据。

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());**