Skip to content

Commit

Permalink
更新h5扫描二维码文章
Browse files Browse the repository at this point in the history
  • Loading branch information
zhiqiang21 committed Jun 30, 2016
1 parent d32fc8f commit 01e2248
Showing 1 changed file with 12 additions and 7 deletions.
19 changes: 12 additions & 7 deletions html5-Qrcode/README.md
Original file line number Diff line number Diff line change
Expand Up @@ -2,20 +2,25 @@

----

2016年6月29日补充:
最近做了一些与表单相关的项目,使用了h5的input控件,在使用过程中遇到了很多的坑。也包括与这篇文章相关的。

### 2016年6月29日补充:
最近做了一些与表单相关的项目,使用了h5的`input`控件,在使用过程中遇到了很多的坑。也包括与这篇文章相关的。
首先我们应该知道使用h5新提供的属性getUserMedia这个属性,是可以调取系统的摄像头进行拍照或者是摄像的,但是兼容性支持的不好,所以当我们需要获取系统的多媒体权限时我们都不会采用这个属性。

首先我们应该知道使用h5新提供的属性`getUserMedia`这个属性,是可以调取系统的摄像头进行拍照或者是摄像的,但是兼容性支持的不好,所以当我们需要获取系统的多媒体权限时我们都不会采用这个属性。

使用`<input type="file">`标签我们可以间接的呼起系统选择文件的窗口,来读取系统文件。但是在**WebView**中,因为安卓权限的问题,我们是没办法直接获取读取文件这个操作的。而在原生的浏览器中是不存在这个问题的。所以选择使用这个`input`的时候一定要注意自己的页面是主要运行在webview中还是浏览器中。如果注意运行在客户端的webvie中,是需要客户端的同学支持的。

**参考文章:**
使用<input type="file">标签我们可以间接的呼起系统选择文件的窗口,来读取系统文件。但是在WebView中,因为安卓权限的问题,我们是没办法直接获取读取文件这个操作的。而在原生的浏览器中是不存在这个问题的。所以选择使用这个input的时候一定要注意自己的页面是主要运行在webview中还是浏览器中。如果注意运行在客户端的webvie中,是需要客户端的同学支持的。

在IOS的某些系统版本中也会出现这个问题。具体的可以参考下面的参考文章。
参考文章:
http://blog.csdn.net/hvkcoder/article/details/51365191

https://forums.developer.apple.com/thread/22726

http://www.cnblogs.com/soaringEveryday/p/4495221.html

http://stackoverflow.com/questions/25942676/ios-8-sdk-modal-uiwebview-and-camera-image-picker



### 功能:
**1.**h5页面在微博客户端中呼起摄像头扫描二维码并且解析。
**2.**h5页面在非微博客户端中(原生浏览器或者微信客户端)呼起系统拍照或者上传图片按钮,拍照二维码或者上传二维码并且解析
Expand Down

0 comments on commit 01e2248

Please sign in to comment.