世界上让导航崩溃的城市_每日军事新闻广播_网站seo优化总结_成都网站建设系统

鸿蒙项目云捐助第二十五讲云捐助项目前台捐赠识别功能的实现（上）

这里继续为鸿蒙云捐助项目添加智能识别的元素，这里使用MindSpore对云捐助项目做捐赠物品识别的功能。

这里首先需要在模拟器中通过相册功能挑选图片。

一、图片元素上传模拟器

首先准备一个图片准备进行捐赠识别使用，这张图片我们使用电脑图片的科技元素。如下图所示。

接下来启动模拟器，把下载的图片拖拽到模拟器中。如下图所示的操作。

把图片拖到鸿蒙手机模拟器中，在图库中并没有这个图片，如果想要将图片放在图库中，需要把图片从手机存储的位置打开，才可以放以图库中。这里先点击华为手机模拟器的“文件管理”选项，如下图所示。

在鸿蒙手机模拟器的文件管理选项中有“我的手机”选项。如下图所示。

进入鸿蒙手机模拟器的“我的手机”选项后,这里可以看到“下载”选项。如下图所示。

进入鸿蒙手机模拟器的“下载”选项后可以看到上传图片的名字,如下图所示。

这里点击看到的图片名称,把图片打开,打开后在图片的下方有一个分享的按钮,如下图所示。

这里点击分享按钮,然后在弹出的菜单中选择“保存到图库”。这里再通过鸿蒙模拟器手机首页进入到图库中,就可以看到被保存的手机图片,如下图所示。

在捐赠物品识别页面的布局中可以先添加一个显示的图片，显示的图片下面放置一个打开相册的按钮，点击按钮打开相册，在打开相册按钮的下面添加预测物品可捐性的按钮。具体布局如下图所示。

代码在初始设定全局的myurl存储从相册选出的文件路径，在build()方法中进行标题组件的“捐赠物体识别”的标题文件外，下面设置Image的图片显示组件，设置其width宽和height高，并且指定objectFit属性为ImageFit.Contain，用以符合Image组件的宽高，下面添加“打开相册”的按钮，添加的按钮设置width宽和height高，并且指下fontSize字体大小，点击事件这里留存，后面进行打开相册的代码逻辑，最后再添加按钮“预测物品的可识别性”，这个按钮也是设置width宽和height高的属性，并指定fontSize字体大小，点击事件也是留存代码的位置。

接下来先实现“打开相册”的按钮，先实现“打开相册”的代码逻辑，如下图所示。

代码首先实例化picker模块的PhotoSelectOptions()方法进行选项的初始化,并设置了最大上传文件数为1，通过picker模块的PhotoViewPicker()方法实例化相册选择组件，接下来调用实例化的相册组件的select方法传入options选项，当用户选择图片成功时调用then方法，在then方法中输入结果参数，选择的url图片地址在结果的photoUri的图片地址参数中，由于获取的图片地址是一个路径，这里使用索引0表示当前地址，并把获取的当前地址赋给图片全局变量地址myurl。

后续就要进行重头戏,以MindSpore模型为基础的图片识别功能的编写，还会伴有鸿蒙项目云捐助的另一番精彩，欢迎关注。