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

十念  金牌会员 | 2024-11-26 00:58:53 | 显示全部楼层 | 阅读模式
打印 上一主题 下一主题

主题 876|帖子 876|积分 2628

前言:这是蛮久之前的一个项目了,当时的需求是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表格格式:


 

 



免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!更多信息从访问主页:qidao123.com:ToB企服之家,中国第一个企服评测及商务社交产业平台。

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

x
回复

使用道具 举报

0 个回复

倒序浏览

快速回复

您需要登录后才可以回帖 登录 or 立即注册

本版积分规则

十念

金牌会员
这个人很懒什么都没写!

标签云

快速回复 返回顶部 返回列表