uni-app: Android、iOS文件选择

场景

uni-app移动端自带的文件选择,只支持图片和视频,想要选择本地其他格式的文件,只能通过其他方法实现。

网上资料参差不齐,又杂乱,有说通过input标签实现,有说通过h5+实现,试了一下都不太合适。
最终也是通过结合这诸多资料整理出目前的方案。

基本实现方式是通过render.js是实现,自定义一个button,点击调用render.js里面的方法,往Dom里插入一个input标签,并监听数据的变化。拿到input标签返回数据后回调给vue里面的方法,来进行数据处理。

使用方法

1. 在需要选择文件的页面,在Vue结构中引用hy-chooseFile,并定义readJSONFinish方法


2. 在js中定义readJSONFinish对应的方法,返回值res即为所选择文件的json内容

readFile(res) {
    console.log('文件内容', res)
}

快速集成

具体集成方法请前往Uni-App插件市场查看,如觉得有所帮助,可以帮忙点下赞加个收藏!具体地址如下:

  Android,iOS文件选择 - DCloud 插件市场 

你可能感兴趣的:(Uni-App,uni-app)