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

Posted 三杯五岳

tags:

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

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,
						//...等等,参照:自定义配置参数表
					,
					(ret) => //回调参数
						console.log(ret);
						if (ret.data) 
							ret.data.forEach(item => 
								//文件名: item.fileName
								//初始路径: item.path
								//绝对路径: item.realPath
								//压缩文件路径: item.compressPath
								//...等等,参照:回调函数表
							)
						
					);
			,
		

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,弹窗提示)

回调参数

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

data 数组中 item 的属性

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

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

Uniapp 图片编辑插件 Ba-ImageEditor

uniapp 常用原生插件大全

uniapp 视频压缩插件 Ba-VideoCompressor

uniapp 视频压缩插件 Ba-VideoCompressor

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

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