uniapp 打包app后，选择文件上传时，编辑上传文件

uniapp打包app后，业务需求有个一个需要上传文件的需求，因此需要查找手机的本地文件，但是uni.chooseFile(OBJECT)这个api无法作用在app上，因此在插件市场找到的了别人写好的，手机查找文件,我用的是云图。
但是，目前这个插件的话，只能满足选择文件和上传文件，并没有修改事件，因此对该插件进行了简单的修改，例如当手机上有wps软件后，选择文件时，可以选择打开对应的.doc等文档进行编辑。
找到插件中yt-file-selector.vue文件，下面那个本地文件的image标签是我新增的。并记得完善一下点击事件，用uni自带uni.openDocument api 进行打开文件。

<view @click.stop="showDir(item.isDirectory, item.path)" class="s-f-item" v-for="(item,i) in flileList" :key="i"><view class="s-f-item-path-name"><image class="s-f-icon" :src="source.folder" v-if="item.isDirectory"></image><image class="s-f-icon" :src="source.file" v-if="!item.isDirectory"></image><view class="s-f-text"><text>{{item.pathName}}</text></view></view><image :src="source.checked" class="s-f-icon" v-if="checkList.indexOf(item.path.toString()) > -1"></image><image src="../../static/mobile/view.png" class="s-f-icon" @click.stop="lookDetail(item,item.isDirectory, item.path)" v-if="checkList.indexOf(item.path.toString()) > -1"></image>
</view>

lookDetail(item,isDir,path){uni.openDocument({filePath: "file:///" + path.toString(),success: function(res) {console.log('打开文档成功');},})
}

目前只在安卓机上实现了，ios因为证书问题，暂时还没有测试过。
个人记录，因为第一次进行app操作，有些东西理解可能并不太透彻。记录有误的地方请指正。

uniapp 打包app后，选择文件上传时，编辑上传文件相关推荐

uniapp打包app，对接华为厂商，实现unipush离线消息推送
今天终于可以抽出点时间,来记录一下这几天心塞的心情.上周公司派过来一个活,说是使用uniapp制作一个app,同时要实现在线消息推送和离线消息推送,啥话没说就揽了下来.不过说实在的,从来没有开发过ap ...
unity 使用ump插件播放视频，打包发布后黑屏或者在别人电脑上运行黑屏，解决方案
unity 使用ump插件播放视频 ,打包发布后黑屏或者在别人电脑上运行黑屏,解决方案. ump插件下载最近在项目里面需要接入海康监控并在unity中显示,我选择使用ump 插件播放视频, 刚开 ...
5-2 uniapp 打包 app 自定义开屏页
5-2 uniapp 打包 app 自定义开屏页下载链接点击下载使用方法解压到项目根目录 App.vue -> onLaunch 添加代码 // #ifdef APP-PLUS plus ...
uniapp 打包app 引入高德地图sdk
uniapp 打包app 引入高德地图sdk 1. 注册高德地图开放平台账号并添加应用,在应用中添加key 2. 生成自有证书(windows系统) 3. 高德地图key生成并配置到项目中 4. 地 ...
SD卡插上上网本时显示文件夹变成文件请问怎么才能修复
电脑硬盘分区.移动硬盘.U盘等在使用过程中有时会出现错误,使分区打不开无法读取分区中的数据,并且提示"文件夹变成文件".SD卡插上上网本时显示文件夹变成文件请问怎么才能修复文件夹 ...
FileExistsError: [WinError 183] 当文件已存在时,无法创建该文件。附文件重命名代码
FileExistsError: [WinError 183] 当文件已存在时,无法创建该文件.附文件重命名代码问题: FileExistsError: [WinError 183] 当文件已存在时 ...
uniapp打包成html5包个ios壳,HBuilder之uni-app打包App方法
HBuilder是DCloud(数字天堂)推出的一款支持HTML5的Web开发IDE.该软件既可以支持web代码编写,也可以将已经编写好的项目代码打包为手机APP. HBuilder提供的打包有云端打 ...
【具体到每一步】uniapp打包app生成apk包
先配置云打包关于证书备注弹出来这么个东西是加入你这个应用要发布到商店,需要签署的一些东西,先不用管了然后等等这个时间有点长 [HBuilder] 02:28:29.892 打包成功后会自动 ...
uniapp打包APP时，如何生成自有证书，证书在哪里找
打包APP的时候,我们都知道需要证书,Android开发打包的时候需要,h5打包Android的应用包时也需要.那么证书又是从哪里来的呢?按照如下步骤一步一步进行即可. 一.安装jre环境. 首先你的 ...

uniapp 打包app后，选择文件上传时，编辑上传文件

uniapp 打包app后，选择文件上传时，编辑上传文件相关推荐

最新文章

热门文章