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

  • 1
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值