[转载]input[type=file]在移动端各浏览器无法适配打开相机的问题。
浏览器 无法 移动 打开 File 转载 type input
2023-09-27 14:28:57 时间
近期有一需求是拍照上传用户头像并能进行区域性的截取操作。
然而在网上寻找的同一款插件，不同的是这是2014年发布的，也就是说是作者之前发布的版本，实现的demo：http://120.131.8.110:8080/hanyuanwen/index.html
![[转载]input[type=file]在移动端各浏览器无法适配打开相机的问题。](http://simg.sinajs.cn/blog7style/images/common/sg_trans.gif "[转载]input[type=file]在移动端各浏览器无法适配打开相机的问题。")
故使用了input[type=file]标签进行尝试，PC端无问题，后发现移动端方面：
1.乐视2s手机在UC,360，QQ,EUI浏览器下均能实现调用相机，在微信浏览器下无法调用相机，但是能选择图片文件上传。
为尝试解决，曾在input标签内添加属性capture="camera"——然并卵。
这时候又出现了一个神奇的问题，由于本人使用的是一款叫photoclick的插件（github地址:https://github.com/baijunjie/PhotoClip.js/blob/master/js/PhotoClip.js）,此为作者2016年的最新版本，此为demo：http://120.131.8.110:8080/picture/index.html
此时在乐2手机下使用微信浏览器无法调用相机。
同一台乐2手机在微信浏览器下居然又可以调用相机的，后寻找原因未果，暂以为是某一个hack，跟微信的版本有关。。
2.华为手机，在微信浏览器下上述两个网址中都无法实现调用相机功能，可以实现上传图片功能，于是，本人又凌乱了。。
3.苹果5S手机，最为吊炸天，无论在任何浏览器下（包括微信浏览器）就能实现调用相机的功能，是否能理解为苹果确实有值得称道的地方？
4.奇酷360手机，情况与乐视2S手机一毛一样，不多阐述。
最后：
屈服于使用微信JS-SDK调用相机接口以适应各类机型。。（进入之前先判断是否为微信浏览器，不是的话直接使用原生input[type=file]标签）
相关文章
- win 7 浏览器被篡改小插曲
- jquery检测浏览器版本
- 浏览器滚动加载技术实现方案
- 浏览器的DNS缓存查看和清除
- selenium（三）浏览器操作
- Hacking Team安卓浏览器攻击过程中的漏洞分析 Stage4
- 轻松实现在浏览器上播放本地视频
- 【每天随笔】手机浏览器的出路
- 黑客天堂：企业环境下的过期IE浏览器与Flash
- windows server 2012 浏览器IE10无法下载。
- 获得浏览器User-agent的方法
- 揭密浏览器指纹：原来我们一直被互联网巨头监视，隐私在网上裸奔、无处可藏
- 作为Web开发人员，我为什么喜欢Google Chrome浏览器
- favicon.ico学习（一）什么是 favicon.ico，为何我的浏览器会向其秘密发送请求？
- 前端 浏览器所在客户端信息
- 浏览器原理 06 # 变量提升：JavaScript代码是按顺序执行的吗？
- ASP.NET MVC 4中如何为不同的浏览器自适应布局和视图