0


关于uniapp开发app获取手机通讯录,并支持纯前端excel解析导入通讯录

前言:这是蛮久之前的一个项目了,当时的需求是app获取手机通讯录并可以进行操作,(我这里只针对安卓开发不考虑ios,不知道是否兼容)我第一想法就是使用插件,但是找了一会发现没有开箱即用的插件,于是只能用HTML5 Plus规范(https://www.html5plus.org/doc/zh_cn/contacts.html)手搓……

HTML5 Plus规范里关于通讯录增删改查api可以支持app端,到目前为止进展顺利,但很快坑就来了,我还有一个需求是支持纯前端excel导入通讯录,我的思路很多,什么xlsjs、lucksheet等等,埋坑ing……

然后我就卡在一个意想不到的环节,解析excel需要先选择获取excel,由于之前通讯录使用了HTML5 Plus,于是我顺手就用了IO模块获取文件的api,结果就是用不了,因为我压根不知道文件路径,也就是说还要有一个获取文件路径的操作,然后我就用官方的uni.chooseFile,官方文档说不支持app端,让开发者去插件市场找,我在插件市场里面不断试错,找到一个能用的插件:https://ext.dcloud.net.cn/plugin?id=14059

直接上代码:

可以看到我使用这个原生插件获取到文件路径了(不要忘了在 "manifest.json -> APP原生插件配置" 内添加本插件,否则云打包(离线打包)不会生效),再配合plus.io的api和xlsx.js操作解析excel,可以看到我使用XLSX.read读取excel的时候也踩了很多坑,最终type: 'base64'成功将excel解析成json格式!!!

最后我再推荐一个好用的tree插件(当时用有一点小毛病,也和作者讨论过,不知道他现在有没有更新,不过自己稍微改一改就能用了):next-tree(超强树选择器、树组件、树插件、无限级联树、单选树、多选树、自定义样式树、树形选择 - DCloud 插件市场,至此踩坑结束。

最后附上效果图以及excel表格格式:


本文转载自: https://blog.csdn.net/qq_66946525/article/details/140654942
版权归原作者 寻觅723 所有, 如有侵权,请联系我们删除。

“关于uniapp开发app获取手机通讯录,并支持纯前端excel解析导入通讯录”的评论:

还没有评论