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

简介(下载地址)

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

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

截图展示

Uniapp 图片选择插件(支持视频、音频) Ba-MediaPicker_第1张图片
Uniapp 图片选择插件(支持视频、音频) Ba-MediaPicker_第2张图片

使用方法

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(文档)

你可能感兴趣的:(uni-app,前端,uniapp,图片选择,视频选择,音视频)