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

Posted 三杯五岳

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Uniapp 图片选择插件(支持视频音频) Ba-MediaPicker相关的知识,希望对你有一定的参考价值。

简介(下载地址

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 自定义配置参数

属性名类型默认值说明
onlyCameraBooleanfalse是否仅拍照
mediaTypeNumber0选择媒体类型 0:所有 1:图片 2:视频 3:音频
singleBooleanfalse是否单选
singleBackBooleanfalse单选模式直接返回
maxNumber9多选最大选择数
maxVideoNumber1多选最大选择数(视频)
compressBooleanfalse是否压缩
cropBooleanfalse是否裁剪
cropScaleNumber0裁剪比例 0(默认) 1(1:1) 2(3:4) 3(3:2) 4(16:9)
cropRoundBooleanfalse是否裁剪圆形
gifBooleanfalse是否显示gif图片
languageNumber0语言 0简体中文 1繁体中文 2英语 3韩语 4德语 5法语 6日语 7越语 8西班牙语 9葡萄牙语 10阿拉伯语 11俄语
slideBooleantrue滑动选择
isCameraBooleantrue显示拍摄、拍照、录音
isDisplayTimeAxisBooleanfalse显示资源时间轴
isOriginalControlBooleanfalse是否开启原图功能
isOpenClickSoundBooleanfalse是否开启点击声音
isMaxSelectEnabledMaskBooleanfalse是否显示蒙层(达到最大可选数量,默认false,弹窗提示)
selectedListArray[]已选择项回显,注意:需传选择回调返回的data数组
positionNumber0初始显示第几项(已选择预览时使用)

回调参数

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

data 数组中 item 的属性

属性名类型说明
fileNameString文件名
pathString初始路径
realPathString绝对路径
compressedBoolean是否压缩
compressPathString压缩文件路径
isCutBoolean是否裁剪
cutPathString裁剪路径
isOriginalBoolean是否开启原图
originalPathString原图路径
videoThumbnailPathString视频缩略图
sizeString文件大小
durationString文件时长

系列插件

图片选择插件 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文档

以上是关于Uniapp 图片选择插件(支持视频音频) Ba-MediaPicker的主要内容,如果未能解决你的问题,请参考以下文章

Uniapp 图片编辑插件 Ba-ImageEditor

uniapp 常用原生插件大全

uniapp 视频压缩插件 Ba-VideoCompressor

uniapp 视频压缩插件 Ba-VideoCompressor

uniapp 自定义图片水印插件 Ba-Watermark

uniapp 自定义图片水印插件 Ba-Watermark