在web 开发中input file 中调用摄像头

我们在开发的过程中难免避免了 input 调用摄像头问题

今天我闲来没事，单身的我，刚刚经历打击，很烦，很烦。

还是只有代码陪伴我左右

废话少说：首先 input file 在Android 和ios是不一样的。

所以先去看看 input file https://www.w3school.com.cn/tags/tag_input.asp 这里有详细的介绍

capture="camera"  ：照相机capture="camcorder"：摄像机capture="microphone"：录音

当然我们不要这些初始化可以使用 multiple ：<input type="file" accept="image/*" multiple>

但是android 和ios 不一样的

这个时候我们就要灵活一点：获取访问者是不是ios 或者Android

var ua = navigator.userAgent.toLowerCase();
var isIos = (ua.indexOf('iphone') != -1) || (ua.indexOf('ipad') != -1);
if (isIos) {alert("苹果")
}else{alert("安卓")
};

分别对控件操作进行修改，就可以咯！

比如我们在调用相机的时候这样：

var ua = navigator.userAgent.toLowerCase();
var isIos = (ua.indexOf('iphone') != -1) || (ua.indexOf('ipad') != -1);
if (isIos) {
$("input:file").removeAttr("capture");
}else{
};

灵活一点：这个办法不仅仅可以使用在input 。我们在开发的过程中遇到某些控件不兼容的问题都以使用！

微信公用号：Kin9090

在web 开发中input file 中调用摄像头相关推荐

ajax form表单提交 input file中的文件
现今的主流浏览器由于ajax提交form表单无法把文件类型数据提交到后台,供后台处理,可是开发中由于某些原因又不得不用ajax提交文件, 为了解决这个问题我走了不少弯路: 1.用原生的 input f ...
js/jquery 获取本地文件的文件路劲获取input框中type=‘file’ 中的文件路径(转载)...
原文:http://blog.csdn.net/niyingxunzong/article/details/16989947 js/jquery 获取本地文件的文件路劲获取input框中type=' ...
清空input file中的值
清空input file中的值对于input type为file元素: 未选择文件之前,它是这个样子: 当选择文件名为index.html的文件后,它变成了这个样子,input元素会显示文件名信息: ...
HTML中input:file标签的使用
如何简单的使用问题的由来第一次看到别人在写网页,能够上传文件?好高大上!自己就在想这是怎么实现的?虽然当时没想出来也没有去百度了,但后来一次项目中我就需要处理文件上传这个操作. 了解些项目的时候 ...
html中input标签中type属性小总(包含html5新增表单属性)
前言 HTML5新增了许多属性和方法,其中一些就有input标签中 type属性. 有关于input中type的全部可取值如下 1.button 2.text 3.time(会呈现表的形状) 4. ...
【已解决】Vue3+Element-plus中input输入框中图标不显示
[已解决]Vue3+Element-plus中input文本框中图标不显示前言一.官网二.步骤 1.图标按需导入 2.图标注册 3.属性绑定前言今天博主正在学习Springboot+Vue的 ...
java中抓拍图像_JavaCV调用摄像头并抓拍图片保存到本地
添加依赖 org.bytedeco javacv-platform 1.4.1 org.bytedeco.javacpp-presets opencv-platform 3.4.1-1.4.1 jun ...
java osgi web开发_在Tomcat中使用Java Web应用程序的OSGi软件包
我试图从Java Web应用程序调用OSGi包的方法.两者都应该在Tomcat 7上运行. 我已经写了一个正常的Java应用程序,它调用OSGi软件包中的方法,如本站所述:http://drupal. ...
弥补Web开发缺陷实战 HTML5 中存储API
COOKIES的限制和缺陷首先,让我们来回顾下 cookies.Cookies 的出现可谓大大推动了Web的发展,但它既有优点也有一定的缺陷.Cookies 的优点在于,它可以允许我们在登陆网站时, ...

在web 开发中input file 中调用摄像头

在web 开发中input file 中调用摄像头相关推荐

最新文章

热门文章