h5扫码添加注释

Author: zhiqiang21

README.md

@@ -1,22 +1,23 @@
+# **WebComponents**[![Build Status](https://travis-ci.org/zhiqiang21/WebComponent.svg?branch=master)](https://travis-ci.org/zhiqiang21/WebComponent)
 
+--------------------------------------------------------------------------------
 
-### **WebComponents**[![Build Status](https://travis-ci.org/zhiqiang21/WebComponent.svg?branch=master)](https://travis-ci.org/zhiqiang21/WebComponent)
-----
-
-### **插件列表：**
+# **插件列表：**
 
 1. html5-qrcode
 2. myslider
 3. lazy-load-img
-4. dragselect ----*[todo]*
+4. dragselect ----_[todo]_
 5. light-rotate
 6. JavaScript 命名空间管理插件
 7. NetOrListShow(仿app store 商品网状列表动态切换插件)
 
-### **插件简介：**
-----
+# **插件简介：**
+
+--------------------------------------------------------------------------------
+
+## **1.html5-qrcode**
 
-#### **1.html5-qrcode**
 **功能：**
 
 **1.1** h5页面在微博客户端中呼起摄像头扫描二维码并且解析。
@@ -25,10 +26,12 @@
 
 具体使用方法，参看**[说明文档](https://github.com/zhiqiang21/WebComponent/tree/master/html5-Qrcode/README.md)**
 
-----
-#### **2.myslider**
+--------------------------------------------------------------------------------
+
+## **2.myslider**
 
 **特点：**
+
 - 自定义配置（动画切换时间，sweep 时间，自动播放等）
 - 一个页面中多个 slider 可以共存
 - 自动切换轮播图片
@@ -44,41 +47,42 @@
 
 ![预览效果](http://ww1.sinaimg.cn/large/698e22a9jw1f2cdnw4jgyg20pl0es7wh.gif)
 
-----
-#### **3.lazy-load-img**
+--------------------------------------------------------------------------------
+
+## **3.lazy-load-img**
 
 **功能：**
 
-能够实现手机端图片的按需加载，减少图片一次性加载的网络带宽开销。增加页面的加载速度和用户体验。
-具体使用方法和参看**[说明文档](https://github.com/zhiqiang21/WebComponent/tree/master/lazy-load-img)**
+能够实现手机端图片的按需加载，减少图片一次性加载的网络带宽开销。增加页面的加载速度和用户体验。 具体使用方法和参看**[说明文档](https://github.com/zhiqiang21/WebComponent/tree/master/lazy-load-img)**
+
+--------------------------------------------------------------------------------
 
-----
-#### **4.dragselect**
- *TODO*
+## **4.dragselect**
+
+_TODO_
+
+--------------------------------------------------------------------------------
+
+## **5.light-rotate**
 
-----
-#### **5.light-rotate**
 **预览：**
 
 ![插件预览效果](light-rotate/img/2016-02-02 15_18_46.gif)
 
 **功能：**
 
-“跑马灯”的抽奖效果。轮盘旋转完成抽奖效果。可以自定义参数：自动播放跑马灯，跑马灯旋转时间，奖品旋转时间，跑马灯旋转方向
-具体使用方法和参看**[说明文档](https://github.com/zhiqiang21/WebComponent/tree/master/light-rotate/README.md)**
+"跑马灯"的抽奖效果。轮盘旋转完成抽奖效果。可以自定义参数：自动播放跑马灯，跑马灯旋转时间，奖品旋转时间，跑马灯旋转方向 具体使用方法和参看**[说明文档](https://github.com/zhiqiang21/WebComponent/tree/master/light-rotate/README.md)**
 
-----
-#### **6.JavaScript 命名空间管理插件**
+--------------------------------------------------------------------------------
+
+## **6.JavaScript 命名空间管理插件**
 
 **[点击查看说明文档](https://github.com/zhiqiang21/WebComponent/tree/master/JsNameSpaceManage/README.md)**
 
-#### **7.NetOrListShow(仿app store 商品网状列表动态切换插件)**
+## **7.NetOrListShow(仿app store 商品网状列表动态切换插件)**
 
 **App Store 动画示例**
 
-![](http://ww1.sinaimg.cn/large/698e22a9jw1f4ei3lryb0g20bp0gz4qp.gif)
-
-
 **Demo 动画示例（Gif 截图导致动画有些丢帧，请下载源码运行查看）**
 
-![](http://ww2.sinaimg.cn/large/698e22a9gw1f3zgw584l9g20df0joq4p.gif)
+![](http://ww1.sinaimg.cn/large/698e22a9jw1f4ei3lryb0g20bp0gz4qp.gif)![](http://ww2.sinaimg.cn/large/698e22a9gw1f3zgw584l9g20df0joq4p.gif)

html5-Qrcode/README.md

@@ -2,6 +2,20 @@
 
 ----
 
+
+### 2016年6月29日补充：
+最近做了一些与表单相关的项目，使用了h5的`input`控件，在使用过程中遇到了很多的坑。也包括与这篇文章相关的。
+
+首先我们应该知道使用h5新提供的属性`getUserMedia`这个属性，是可以调取系统的摄像头进行拍照或者是摄像的，但是兼容性支持的不好，所以当我们需要获取系统的多媒体权限时我们都不会采用这个属性。
+
+使用`<input type="file">`标签我们可以间接的呼起系统选择文件的窗口，来读取系统文件。但是在**WebView**中，因为安卓权限的问题，我们是没办法直接获取读取文件这个操作的。而在原生的浏览器中是不存在这个问题的。所以选择使用这个`input`的时候一定要注意自己的页面是主要运行在webview中还是浏览器中。如果注意运行在客户端的webvie中，是需要客户端的同学支持的。
+
+**参考文章：**
+
+http://blog.csdn.net/hvkcoder/article/details/51365191
+
+http://www.cnblogs.com/soaringEveryday/p/4495221.html
+
 ### 功能：
 **1.**h5页面在微博客户端中呼起摄像头扫描二维码并且解析。
 **2.**h5页面在非微博客户端中（原生浏览器或者微信客户端）呼起系统拍照或者上传图片按钮，拍照二维码或者上传二维码并且解析