Uniapp 图片选择插件（支持视频音频） Ba-MediaPicker

Posted 2022-12-09 三杯五岳

简介（下载地址）

Ba-MediaPicker 是一款功能强大的uniapp图片、音视频选择插件，可自定义配置，支持单选、多选，支持已选项回显，支持图片压缩、裁剪，支持预览大图、视频、音频等等。

• 支持图片、视频、音频
• 支持拍照、录像、录音
• 支持单选、多选
• 支持设置最大选择数
• 支持图片压缩
• 支持图片裁剪（矩形、圆形，长宽比例）
• 支持预览大图、视频、音频，大图支持缩放
• 支持滑动选择
• 支持根据文件夹筛选
• 支持已选择项回显
• 支持已选择项预览
• 支持设置语言（简体中文、繁体中文、英语、韩语、德语、法语、日语、俄语等等）
• 支持选择原图

截图展示

使用方法

在 script 中引入组件

	const mediaPicker = uni.requireNativePlugin('Ba-MediaPicker')

在 script 中调用

		methods: 
			selectPicture() //图片、音视频选择
				mediaPicker.selectPicture(
						'onlyCamera': false,
						'mediaType': 1,
						'single': false,
						'singleBack': false,
						'max': 9,
						'maxVideo': 1,
						'compress': false,
						'crop': false,
					    'selectedList': this.selectedList,//已选择项回显，注意：需传选择回调返回的data数组
						//...等等，参照：自定义配置参数表
					,
					(ret) => //回调参数
						console.log(ret);
						if (ret.data) 
							ret.data.forEach(item => 
								//文件名： item.fileName
								//初始路径： item.path
								//绝对路径： item.realPath
								//压缩文件路径： item.compressPath
								//...等等，参照：回调函数表
							)
						
					);
			,
			preview(index) //已选择项预览
				mediaPicker.preview(
					'position': index,//初始显示第几项
					'selectedList': this.selectedList,//已选择项回显，注意：需传选择回调返回的data数组
				);
			,
		

Ba-MediaPicker 自定义配置参数

属性名	类型	默认值	说明
onlyCamera	Boolean	false	是否仅拍照
mediaType	Number	0	选择媒体类型 0:所有 1:图片 2:视频 3:音频
single	Boolean	false	是否单选
singleBack	Boolean	false	单选模式直接返回
max	Number	9	多选最大选择数
maxVideo	Number	1	多选最大选择数（视频）
compress	Boolean	false	是否压缩
crop	Boolean	false	是否裁剪
cropScale	Number	0	裁剪比例 0(默认) 1(1:1) 2(3:4) 3(3:2) 4(16:9)
cropRound	Boolean	false	是否裁剪圆形
gif	Boolean	false	是否显示gif图片
language	Number	0	语言 0简体中文 1繁体中文 2英语 3韩语 4德语 5法语 6日语 7越语 8西班牙语 9葡萄牙语 10阿拉伯语 11俄语
slide	Boolean	true	滑动选择
isCamera	Boolean	true	显示拍摄、拍照、录音
isDisplayTimeAxis	Boolean	false	显示资源时间轴
isOriginalControl	Boolean	false	是否开启原图功能
isOpenClickSound	Boolean	false	是否开启点击声音
isMaxSelectEnabledMask	Boolean	false	是否显示蒙层(达到最大可选数量，默认false,弹窗提示)
selectedList	Array	[]	已选择项回显，注意：需传选择回调返回的data数组
position	Number	0	初始显示第几项（已选择预览时使用）

回调参数

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

data 数组中 item 的属性

属性名	类型	说明
fileName	String	文件名
path	String	初始路径
realPath	String	绝对路径
compressed	Boolean	是否压缩
compressPath	String	压缩文件路径
isCut	Boolean	是否裁剪
cutPath	String	裁剪路径
isOriginal	Boolean	是否开启原图
originalPath	String	原图路径
videoThumbnailPath	String	视频缩略图
size	String	文件大小
duration	String	文件时长

系列插件

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

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

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

应用消息通知插件 Ba-Notify（文档）

应用未读角标插件 Ba-Shortcut-Badge （文档）

应用开机自启插件 Ba-Autoboot（文档）

扫码原生插件（毫秒级、支持多码）（文档）

动态修改状态栏、导航栏背景色、字体颜色插件 Ba-AppBar（文档）

原生sqlite本地数据库管理 Ba-Sqlite（文档）

安卓保活插件 Ba-KeepAlive（文档）

安卓快捷方式（桌面长按app图标） Ba-Shortcut（文档）

自定义图片水印 Ba-Watermark（文档）

视频压缩插件 Ba-VideoCompressor（文档）

动态切换应用图标、名称（如新年、国庆等） Ba-ChangeIcon（文档）