HTML5属性--(capture="camera") 上传照片或者打开手机相机

最新推荐文章于 2024-02-22 10:04:44 发布

weixin_30565327

最新推荐文章于 2024-02-22 10:04:44 发布

阅读量6.5k

点赞数

文章标签： json 人工智能 java

原文链接：http://www.cnblogs.com/ldbangel/p/6097706.html

版权

本文介绍了如何使用HTML5的capture属性来实现从手机相机直接拍照或选择相册图片的功能。提供了JSP页面、JavaScript以及Java后端的相关代码示例。

摘要由CSDN通过智能技术生成

要获取手机相机拍照或者访问相册这里贴一个相关链接:http://blog.csdn.net/jackfrued/article/details/8967667

JSP页面代码:

<input type="file" accept="image/*" capture="camera" id="picFile" onchange="readFile(this)" style="width:30px;height:30px;opacity:0"/ >

JS代码:

function readFile(obj){   
    var file = obj.files[0];      
    //判断类型是不是图片  不难发现这个检测是基于正则表达式的，因此可以进行各种复杂的匹配，非常有用。
    if(!/image\/\w+/.test(file.type)){     
            alert("请确保文件为图像类型");   
            return <