js开启摄像头(头像采集)

js开启摄像头,拍摄图片,传递到后台,保存到本地

---

html代码

  snap shot
 
 

js代码

java代码

    //canvasUrl      canvas生成的base64编码的图片信息,也就是上面说的canvas.toDataURL("image/png");
    //filePth     上传文件的路径 
private String addCanvasPic(String canvasUrl,String filePth)throws Exception {
                 String imageDateB64 = canvasUrl.substring(22); //处理canvasUrl,去掉头信息data:image/png;base64
               BASE64Decoder decoder = new BASE64Decoder(); //此类是sun公司的内部类,无法直接使用,百度解决
                byte[] b = decoder.decodeBuffer(imageDateB64);//解码转成字节数组
                 ByteArrayInputStream bais = new ByteArrayInputStream(b); //字节数组输入流
                 BufferedImage bufferedImage = ImageIO.read(bais); //    将图片加载到内存中
                //因为js里我们生成的图片是png格式,如果想转化格式的话,在内存中创建一个新的等大的空白图片
                  BufferedImage newBufferedImage =
     new BufferedImage(bufferedImage.getWidth(),bufferedImage.getHeight(), BufferedImage.TYPE_INT_RGB);
                //在新图片生绘制老图片
                 newBufferedImage.createGraphics().drawImage(bufferedImage, 0, 0, null);
                 String dirPath = AppConfig.getUploadRoot() +filePth ;
                 //File dirFile = new File(dirPath);
                // if (!dirFile.exists()){
                             // dirFile.mkdirs();
                    // }
                    //创建一个.JPG文件
                     File newFile = new File(dirPath+".jpg");
                    //将内存中的图片写入到本地文件
                     ImageIO.write(newBufferedImage, "jpg", newFile);
                 return dirPath+".jpg";
             }

浪客行1213的

---

XHH