input[type='file']安卓手机微信端无法调用摄像头问题

  • 使用input type=file标签进行文件上传时,在安卓手机中的微信浏览器中不能调起相机,但是在苹果手机中的微信浏览器中可以调用相机。解决办法:
<input type="file" name="upload" accept="image/png,image/jpeg,image/gif" capture="camera">
accept属性:调用相册功能(ios也可以直接调用相机)
capture属性:可以保证安卓手机调用相机功能。
注意:如果加了这条属性,会导致ios手机直接调用相机而无法选择相册中的文件
解决方法:
判断设备类型,动态添加capture属性(我使用Zepto判断):
var plateform = Zepto.device.os;
if(plateform == "android"){
 $("selector").find("input[type='file']").attr("capture","camera");
}else if(plateform=="ios"){         
  $("selector").find("input[type='file']").removeAttr("capture");
}

备注:accept和capture两个属性都需要

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值