#长按上图识别二维码，参与OSC源码创建年终盛典#

最终章即将到来

大家好！博卡君原计划是在国庆假期前完成小程序开发教程，给大家一套完整系统的东西。但由于近期小程序开发工具的摄像头组件还不够完善，很多功能无法顺利实现。我想了想，认为在相机部分展示一些代码会更好。首先，它会给每个人一个想法。其次，也会让大家看到目前的开发工具存在的一些问题。我们一起来研究一下吧。

第九章：微信小程序照片存储及名片等的开发删除

我们先来看看今天的主题——照片存储。

照片存储分为上传图片/识别名片和手动填写名片信息两种路径。这里我们只讲照片识别。手动填写与之前编辑名片的页面相同。可以参考之前的教程。

这种布局很快，wxml 内容不多。

照片存储的原理是存储名片。步骤是打开微信的照片API，支持选择本地图片wx。界面。

要获取图片路径，需要将图片文件上传到后端服务器。这里参考文档打印了三个回调。

但是我在测试开发者工具时发现没有打印信息，后台也没有收到我上传的图片。

选择一张图片并单击将其打开。控制台没有成功或失败回调。

由于目前还处于内测版本，目前还不能确定是开发者工具的bug还是API接口的问题。总之，影响了小程序的发展。我已经给微信写了邮件反馈。

如果图片上传成功，后台在检索图片时会进行识别信息操作。最后将识别出来的信息传递到我们前台进行渲染，最后将信息保存在名片夹中，名片存储过程就顺利了。

我们在名片文件夹页面添加名片删除：

每个名片夹后面都有一个删除功能。向左滑动即可出现此功能。

点击删除，会弹出是否确定删除的框（使用内置的模态框组件）。

确认和取消活动。

因为这里的名片分为在线存储和离线存储。所以多了一个if判断，删除方法也不是接口，其他类似。这里最重要的是获取它，以便知道哪张名片被删除。

绑定到名片父元素的所有事件，以及需要使用的一些自定义参数。 id用于左滑，data-用于页面跳转和删除，data-用于判断名片线上线下。

可以获取到，因为左滑事件发生在事件上。

当然，后面需要使用的值应该先存储在一个var中。