更新记录

1.0.1（2025-06-13）

优化选择后返回

1.0.0（2025-06-11）

文件选择插件 Ba-FilePicker-U

平台兼容性

uni-app

uni-app x

文件选择插件 Ba-FilePicker-U

Ba-FilePicker-U 是一款UTS文件选择插件。支持浏览目录、文件分类、类型分组3种方式（效果如图）；支持单选、多选、数量限制；支持搜索、排序、预览等等。

• 支持层级浏览文件目录选择
• 支持文件类型筛选（多个，可自定义配置）
• 支持自定义类型分组（多个，可自定义配置）
• 支持搜索查询
• 支持预览已选清单
• 支持单选、多选、限制最大选择数
• 支持排序，可根据文件名称、时间、大小等等
• 支持显示文件预览图、名称、大小、时间等
• 支持的文件类型有：图片（png,jpg,jpeg,gif..）、音视频（mp3,avi,mp4,flv,movie,wav..）、文档（txt,doc,xls,pdf,ppt..）、应用（apk,exe..）、压缩包等等，几乎所有的文件类型
• 支持自定义文本内容，并可以以此配置国际化
• 支持设置默认排序方式
• 支持指定自定义目录（分组、分类模式）

有建议和需要，请联系QQ：2579546054

也可关注博客，实时更新最新插件：

uniapp 常用原生插件大全

使用方法

在 script 中引入组件

    import * as filePicker from "@/uni_modules/Ba-FilePicker-U";

在 script 中调用（示例参考，可根据自己业务和调用方法自行修改）

    import * as filePicker from "@/uni_modules/Ba-FilePicker-U";
    export default {
        methods: {
            selectFile(selectType : number) {
                let options = {
                    options: {
                        selectType: 1, //选择类型：默认为0（ 0：浏览文件目录 1：文件分类 2：类型分组）
                        maxCount: 1, //最大选择数，默认为9
                        filetypes: ["mp3", "m4a", "avi"],
                        //..... 其他参数详见下文 “自定义配置参数”
                    },
                    success: (res : filePicker.ApiResult) => {
                        console.log(res)
                    },
                    fail: (res : filePicker.ApiResult) => {
                        console.log(res)
                    }
                } as filePicker.ApiOptions
                filePicker.selectFile(options);
            },
            showMsgList(msg : string) {
                this.msgList.push(msg)
            },
        }
    }

开发文档

UTS 语法 UTS API插件 UTS 组件插件 Hello UTS