[转载]input[type=file]在移动端各浏览器无法适配打开相机的问题。

原文地址：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手机下使用微信浏览器无法调用相机。

然而在网上寻找的同一款插件，不同的是这是2014年发布的，也就是说是作者之前发布的版本，实现的demo：http://120.131.8.110:8080/hanyuanwen/index.html

同一台乐2手机在微信浏览器下居然又可以调用相机的，后寻找原因未果，暂以为是某一个hack，跟微信的版本有关。。

2.华为手机，在微信浏览器下上述两个网址中都无法实现调用相机功能，可以实现上传图片功能，于是，本人又凌乱了。。

3.苹果5S手机，最为吊炸天，无论在任何浏览器下（包括微信浏览器）就能实现调用相机的功能，是否能理解为苹果确实有值得称道的地方？

4.奇酷360手机，情况与乐视2S手机一毛一样，不多阐述。

最后：

屈服于使用微信JS-SDK调用相机接口以适应各类机型。。（进入之前先判断是否为微信浏览器，不是的话直接使用原生input[type=file]标签）

转载于:https://www.cnblogs.com/linewman/p/9918731.html

[转载]input[type=file]在移动端各浏览器无法适配打开相机的问题。相关推荐

自定义input[type=file]的兼容样式
input[type="file"]的样式在各个浏览器中的表现不尽相同: 1. chrome: 2. firefox: 3. opera: 4. ie: 5. edge: 另外,当 ...
移动端h5实现手机拍照上传图片，相册选择上传图片input type=file
移动端h5实现手机拍照上传图片,相册选择上传图片input type=file 有不足或者不对的在下方留言,有不明白的也请在下方留言,虽然我不一定能看到,话不多说上代码,注释都写好了 <!doc ...
html input type=file 文件上传; 图片上传; 图片闪烁
(1)input file 对话框和获取选中文件 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ...
自定义input type=file 样式的方法
为什么80%的码农都做不了架构师?>>> 为什么要美化file控件?试想一下,别的孩子都穿戴整齐漂亮,其中两个孩子怎么都不鸟你,太不和谐了. 原始的file控件是这样的: &l ...
利用css对input[type=file] 样式进行美化，input上传按钮美化
2019独角兽企业重金招聘Python工程师标准>>> <input type="file" name="fileUpload"/> ...
Android WebView 支持H5图片上传input type=file
2019独角兽企业重金招聘Python工程师标准>>> Android WebView 缓存处理 Android WebView 支持H5图片上传<input type=&qu ...
css input[type=file] 样式美化，input上传按钮美化
思路: 原文出处:http://www.haorooms.com/post/css_input_uploadmh input file上传按钮的美化思路是,先把之前的按钮透明度opacity设置为0, ...
input[type=file]属性
title: input[type=file]属性 date: 2017年8月11日 21:04:48 tags: html categories: 教程 author: "JiaWei&q ...
模拟input type=file
表单中的input type="file"在前端开发中经常会用到,但是很悲剧的是input type="file"在各个浏览器下表现不统一,样式很难起作用: 通 ...

[转载]input[type=file]在移动端各浏览器无法适配打开相机的问题。

[转载]input[type=file]在移动端各浏览器无法适配打开相机的问题。相关推荐

最新文章

热门文章