Uniapp 文件选择插件 Ba-FilePicker

Posted 2022-08-24 三杯五岳

简介（下载地址）

Ba-FilePicker 是一款功能强大、界面整洁美观的uniapp文件选择插件，支持层级浏览文件目录选择、根据文件类型筛选选择两种方式（效果如图），支持单选、多选、数量限制，支持根据名称、时间、大小等排序。

• 支持层级浏览文件目录选择
• 根据文件类型筛选选择（多个，可自定义配置）
• 支持单选、多选、限制最大选择数
• 支持排序，可根据文件名称、时间、大小等等
• 支持显示文件预览图、名称、大小、时间等
• 支持的文件类型有：图片（png,jpg,jpeg,gif…）、音视频（mp3,avi,mp4,flv,movie,wav…）、文档（txt,doc,xls,pdf,ppt…）、应用（apk,exe…）、压缩包等等，几乎所有的文件类型

系列插件

图片选择插件 Ba-MediaPicker （文档）

图片编辑插件 Ba-ImageEditor （文档）

文件选择插件 Ba-FilePicker （文档）

截图展示

使用方法

在 script 中引入组件

	const filePicker = uni.requireNativePlugin('Ba-FilePicker')

在 script 中调用

		methods: 
			selectFile(selectType) 
				filePicker.selectFile(
						'selectType': selectType,
						'maxCount': 9,
						'filetypes':'png,jpg,mp4,apk'
					,
					(ret) => 
						console.log(ret)
						if (ret.data) 
							this.selectedList = ret.data;
						
					);
			,
		

Ba-FilePicker 自定义配置参数

属性名	类型	默认值	说明
selectType	Number	0	选择类型：默认为0（ 0：浏览文件目录 1：文件分类）
maxCount	Number	9	最大选择数，默认为9
filetypes	String	png,jpg,gif,mp3,mp4,txt,doc,apk,zip	文件类型，多个英文","隔开，包含图片（png,jpg,jpeg,gif…）、音视频（mp3,avi,mp4,flv,movie,wav…）、文档（txt,doc,xls,pdf,ppt…）、应用（apk,exe…）、压缩包等等

回调参数

属性名	类型	说明
data	Array	已选择列表

data 数组中 item 的属性

属性名	类型	说明
name	String	文件名
absolutePath	String	文件路径