还是先来看看我们今天的主题——拍照收纳。
拍照收纳分为：上传图片／识别名片、手动填写名片信息两个路径，这里只说下拍照识别，手动填写和前面的编辑名片是同样的页面，大家可以翻翻之前的教程。
这个布局很快，wxml没多少内容。
拍照收纳的原理是收纳名片功能，步骤是打开微信的拍照API，同时支持选择本地图片接口。
取到图片路径需上传图片文件到后台服务器，这里参照文档打印三个回调。
但是我发现在开发者工具测试的时候，没有任何打印信息，后台同样也没有接到我上传过去的图片。
如果图片上传成功，后台取到图片会去调一个识别信息操作，最后把识别到的信息传给我们前台进行渲染，最后把信息保存到名片夹里面，收纳名片流程才算走通。
再补充下名片夹页面的名片删除吧：
每个名片夹后面都带个删除功能，这个功能是通过左滑出现。
确定与取消事件。
由于这里名片分为，线上收纳与线下收纳。故而多了个if判断，走的删除request不是一个接口，其他都相差不多。这里最重要的是要获取到cardId，才能知道被删除的是哪张名片。
名片的父元素绑定的全部事件，以及需要用到的一些自定义参数。Id用在左滑上data-card_id用在页面跳转与删除上，data-card_type用在判断线上与线下名片。
cardId可以在bindtouchstart上取到，因为左滑事件是发生bindtouchstart事件上。
当然后面需要用到的值还是先定义个var存起来。
并且提升下用户体验，告诉用户名片删除成功。
操作数据，我们一定要先熟悉好数据的结构，故而在开发前和后台一定要约定好数据结构，熟悉数据结构后，其实开发起来就如庖丁解牛，非常快速（大家开发了小程序后，有没有对zepoto与jQuery产生反感？哈哈！）
好了，关于拍照组件的相关内容就写到这里吧！这一章内容就算是博卡君教程的完结篇了。虽然写的内容中包含小程序开发工具的问题，不过我还是推荐大家都尝试调用一下拍照相关功能，看看这些问题在你的机器上会不会出现。按照微信的官方文档，我尝试给weixin_developer@那个邮箱发了邮件报告bug。没想到很快收到了官方回复，确认了这点。希望尽快得到更新版，一起期待吧?
钛媒体微信二维码
