uniapp选择android非图片文件的方案踩坑记录

? ? ? 这个简单的问题我遇到下面6大坑，原始需求是选择app如android的excel然后读取到页面并上传表格数据json

先看看效果

1.uniapp自带不支持

? ? ? uniapp选择图片和视频非常方便自带已经支持可以直接上传和读取

? ? ? 但是选择word excel的时候就出现了问题，官方他不支持，不愧是一次编辑到处报错

? ? ?

2.插件方式兼容性版本不支持

官方自己不实现然后还"贴心"地告诉你插件，然后还绑定云空间，要么就是一些收费的，免费的适配都不行，这适配不行，我也知道原因安卓存储权限这一块，各种版本一直在改，现在好多目录根本拿不到绝对路径，推荐你用uri

3.插件能找到安卓file但是无法转化

使用下面的插件

安卓iOS 双端APP文件选择 - DCloud 插件市场

安卓路径和file无法转为uni file和blob，试了很久，兼容性也写的不确定

并不是file：// 路径 而是/mnt 强转又怕没有通用性，这个可能可以打通但是没有成功，有成功的可以分享一下，也尝试在android代码这边，转成数组传过来，结果不识别基本类型byte，也不知道怎么导包就放弃

4.Webview

没办法只能启动webview,但webview有两个问题，一是多了一层ui，二改为弹窗webview后，style又不行了，这肯定满足不了需求,顺着这条路，这时候想到，干脆把webview的html隐藏起来，能不能模拟点击调用文件，试了下，提示选文件是敏感操作，模拟点击不可以，那有没有办法，通过网页调起，绕过android适配，又不要webview呢（既要又要），这时候想到了最终方案RenderJs

5.RenderJs和RenderJs通信

使用方法如下，另外增加一个script

然后我们创建一个input直接点击

然后就无感调起了文件选择并返回了uniapp直接可用的file

这时候我本以为万事大吉结果官方后面还有一句话【但也有一个副作用是在造成了两层之间通信阻塞】

数据读取了，肯定还是要传给原来的层级显示使用，这时候发现传回去了赶紧找资料，于是我看到了这样的博客一搜还都是这样写的

uniapp 的 renderjs 使用详解，结合arcgis api_uniapp renderjs-CSDN博客

他这个例子是绑定点击事件拿到onwer，我和评论区想法一样，这样就又差了点意思，本来使用renderjs就是绕过ui的

?

后面终于找到了这个东西是可以直接拿的

this.$ownerInstance.callMethod(逻辑层方法名，想传的数据）然后调用一下 excel相关处理即可了，总算完成了这个简单的需求，难受

this.$ownerInstance.callMethod("receiveRenderData", {
?? ??? ??? ??? ??? ?type: "success",
?? ??? ??? ??? ??? ?errMsg: "解析成功",
?? ??? ??? ??? ??? ?data: jsonObj
?? ??? ??? ??? ?})