html调用摄像头拍照,并生成预览

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>



签到页面






现场照片:
现场类型:
记录反馈:

参考内容:http://blog.jianchihu.net/talking-about-the-html5-camera-api.html

在手机或ipad上可以使用,点击拍照按钮可以调用摄像头,拍摄完成后能生成预览。

在电脑上,用360浏览器和火狐浏览器同样能生成预览,谷歌浏览器无法生成预览。点击拍照按钮会打开文件选择器。

在后台可通过FileUpload获取到照片。

另外,最后那段js代码必须放在下面才能生效,否则takePicture和showPicture会为null

你可能感兴趣的:(J2EE)