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

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

简介（下载地址）

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

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

截图展示

使用方法

在 script 中引入组件

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

在 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数组
				});
			},
		}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34

Ba-MediaPicker 自定义配置参数

回调参数

data 数组中 item 的属性