我们已经实现了svg装饰的组件，就像最初的设计目标一样。

我们需要将它变成一个可以使用的按钮，如下图所示。

那么我们在这个小系列中，将要给按钮实现的功能是选择一个音频文件。

1. 开始前的准备

首先我们需要让这个按钮确实存在，按照下图所示修改代码。

2. 点击打开文件选择器

在HarmonyOS Next中，我们打开文件选择器的方式是通过Api实现的。

这里开发的特点是不需要向用户申请权限即可访问文件系统，这是一个很大的优势。

实现方式也很简单，我们打开`DiyPlayer`组件给新增的Button按钮增加`onClick`事件写入如下代码。

只需要这样简单的几行代码，我们就可以实现打开文件选择器的功能了。

当我们选择文件后，会得到一个文件的uri，我们可以通过这个uri来读取文件的内容。

日志输出如下：

3. 文件转存沙盒路径

当我们获取了文件的uri，下一步就可以将文件转存到沙盒路径中。

这样方便我们下一步对文件进行数据操作。

转存方法也很简单，只需要调用`file`模块的`copy`方法即可。

再次通过文件选择器选择文件返回，通过上方代码即可保存到沙盒路径中。

检查文件是否转存成功，我们可以通过DevEco Studio的文件管理器查看。

4. 总结

通过这个小系列，我们实现了一个简单的文件选择器功能。

这个功能在实际开发中是非常常见的，我们可以通过这个功能来选择文件，然后对文件进行操作。

在下一篇文章中，我们将会实现一个音频播放器，通过这个播放器来播放我们选择的音频文件。

---

文章源码在相关代码仓的Step4分支中