最近在项目中遇到一个问题,用H5做手机端页面,用input调用相机,苹果手机无法调出相册,安卓手机可以,针对此情况,对手机做出判断,代码如下;
<input type="file" name="image_file" id="image_file" >
苹果手机可以直接使用,无需做js判断,安卓手机需要进行判断。
js判断手机
<script>
//判断是否是安卓手机
function checkPlatform(){
if(/android/i.test(navigator.userAgent)){
$("#image_file").attr('accept','image/*');
}
}
$(document).ready(function(){
checkPlatform();
});
</script>
本文介绍了解决H5页面在不同手机平台调用相机的问题。对于苹果手机,可以直接使用input标签实现调用相机和相册功能;而对于安卓手机,则需要通过JavaScript进行设备判断,并设置特定属性以兼容调用相机的需求。

被折叠的 条评论
为什么被折叠?



