如何解决H5中获取相机与图片,在苹果手机获取不了文件选择图片的问题
2017-10-24 17:38
1801 查看
在安卓手机上获取相机并且可以选取图片,完整的写法是:
但是苹果手机上运行它只会获取照相功能,并不能进行图片的选择,如何解决的,非常简单,在js中调用这个方法之前先进行一次判断,判断手机是安卓按时iOS,如果是iOS,就把capture属性移出就可以了。iOS会对相机还是文件夹进行手动选择的。
→将选取的图片文件放到页面上
<input type="file" accept="image/*" capture="camera" />
但是苹果手机上运行它只会获取照相功能,并不能进行图片的选择,如何解决的,非常简单,在js中调用这个方法之前先进行一次判断,判断手机是安卓按时iOS,如果是iOS,就把capture属性移出就可以了。iOS会对相机还是文件夹进行手动选择的。
var u = navigator.userAgent; var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); if(isiOS){ xueLiPhoto.removeAttribute("capture","camera"); idPhoto.removeAttribute("capture","camera"); imginput.removeAttribute("capture","camera"); }
→将选取的图片文件放到页面上
相关文章推荐
- Android如何获取选择图片时的文件绝对路径方法
- Android--使用手机拍照获取图片路径,小米手机选择照片问题处理
- node.js解决获取图片真实文件类型的问题
- Android拍照和从相册获取图片(解决android7.0打开相机崩溃的问题),同时也解决了拍完照后图片方向不正的问题
- Android 解决部分手机拍照后获取的图片被旋转的问题
- 解决Android4.4及以上系统获取系统图片失败的问题,例如华为手机,调系统图库的时候就出现异常
- 使用input type=file标签进行文件上传时,在安卓手机中的微信浏览器中不能调起相机,但是在苹果手机中的微信浏览器中可以调用相机。解决办法很简单, <input type="file" nam
- 解决华为手机获取不到图库图片的路径问题
- Android获取手机内置外置存储文件列表,完美解决各种rom各种系统版本的获取方式不用的问题
- 选择相册中的图片,并获取图片的path 解决codova 华为P6选取相册的问题(试过很多,用此方案解决)
- 通过input 的file 控件,上传图片,如何获取文件的大小问题
- Android拍照和从相册获取图片(解决android7.0打开相机崩溃的问题),同时也解决了拍完照后图片方向不正的问题
- node.js解决获取图片真实文件类型的问题
- 获取手机内部文件(图片)和截取小数点后几位问题
- 微信小程序常见问题->上传文件后如何在后台(php)获取文件名解决方法
- 微信小程序常见问题->上传文件后如何在后台(php)获取文件名解决方法
- Android部分手机拍照后获取的图片被旋转问题的解决方法
- 对于支持上传文件的手机浏览器出现的图片不能预览问题的解决办法
- android中选择文件,部分手机找不到文件路径问题的解决
- 解决华为手机选择图片路径不一样问题