很多小伙伴在上架华为应用市场的时候总是遇到选择图片或选择视频等文件需要申请权限告知目的问题被驳回
今天这里一个UTS图片/视频选择器插件就帮大家解决这个问题：图片视频选择器（支持同步告知权限申请目的.已支持鸿蒙，自定义选择器界面样式）
插件直达地址：https://ext.dcloud.net.cn/plugin?id=20793
在UNIAPP支持vue和nvue,在UNIAPPX支持uvue，安卓支持在选择图片或视频文件权限申请的时候自动同步告知权限申请目的，
轻松解决在华为应用市场审核，要求告知权限申请目的或说明的问题。
相册图片视频选择器功能介绍：
1.支持uniapp和uniappx，现在已经兼容了纯血鸿蒙和安卓后续将会兼容IOS
2.支持打开相册选择相片或视频
3.支持多选和单选
4.支持设置多种语言（仅安卓）
5.支持自定义界面主题样式（仅安卓）
6.支持媒体文件类型选择 0: ALL(视频和图片) 1: IMAGE(图片) 2: VIDEO(视频) 3: AUDIO(音频)
7.支持媒体文件预览
8.支持设置开启和关闭原图功能
- 支持设置开启和关闭相机拍照功能
注意:集成完成后需要云打包或自定义基座才能生效，因为这是UTS原生SDK插件。
UNIAPP实现方法如下：
鸿蒙无需申请权限
安卓端首先在项目AndroidManifest.xml里配置示例文件里所需的权限也可直接复制插件示例里的AndroidManifest.xml文件到项目根目录
1.vue页面或nvue页面接口引入如下代码：
import { RHFselcet } from '@/uni_modules/fz-media-selcet';
-
在需要调用图片视频选择器的地方引入如下代码：
let parameter ={
MediaType:2,//设置选择类型 0: ALL(全部) 1: IMAGE(图片) 2: VIDEO(视频) 3: AUDIO(音频) 不传默认为1图片
Single:2,//设置单选或多选（鸿蒙无需传这个参数）， 1为单选，2为多选，不传默认为多选
maxNum:6,//设置最大选中数，不传默认为9 仅多选时生效
isOriginal:false, //是否开启原图功能，不传默认为false
isDisplayCamera:true,//是否显示拍摄按钮，不传默认为true
//语言设置， 0:简体中文，1:繁体，2:英语，3:韩语，4:德语，5:法语，6:日语，7:越语，8:西班牙语，9:葡萄牙语，10:阿拉伯语，11:俄语，12:捷克，13:哈萨克斯坦，不传默认为0
Language:2,
//主题界面样式设置，不传为默认样式
theme:{
titleBarStyle:{
TitleBackgroundColor:'#8E07FD'
},
bottomNavBarStyle:{
PreviewNormalTextColor:'#8E07FD',
PreviewSelectTextColor:'#8E07FD',
BarBackgroundColor:'#FFFFFF',
EditorTextColor:'#8E07FD',
OriginalTextColor:'#8E07FD',
},
selectMainStyle:{
NumberStyle:true, //选中样式是否为数字，不传默认显示勾选样式
isbtn:true, //完成按钮是否为显示背景，不传为默认不显示按钮背景
//如需修改按钮颜色需要在res/values/colors.xml里修改btn_primary和btn_hover的颜色值和按下后的颜色值
SelectTextColor:'#ffffff',//选择结果文字颜色
// SelectText:'%1$d/%2$d 完成',
SelectText:'使用(%1$d)',//选择结果要显示的文字，不传默认显示：已完成
StatusBarColor:'#8E07FD',
OriginalTextColor:'#8E07FD',
}
}
}
RHFselcet.getPicture( parameter, (data) => {
let arrData = data.mediaArray
let jsonData = JSON.stringify(arrData)
console.log(jsonData)
//回调结果：[{"mimeType":"video/mp4","num":1,"Pathurl":"/storage/emulated/0/DCIM/Camera/lv_0_20241025172529.mp4","height":1920,"fiename":"lv_0_20241025172529.mp4","path":"content://media/external/video/media/427606","Pathid":427606,"duration":16393,"size":20002573,"FolderName":"Camera","dateAddedTime":1729848339,"width":1080},{"mimeType":"video/mp4","num":2,"Pathurl":"/storage/emulated/0/DCIM/Camera/video_20241025_170438.mp4","height":1920,"fiename":"video_20241025_170438.mp4","path":"content://media/external/video/media/427604","Pathid":427604,"duration":16331,"size":35778914,"FolderName":"Camera","dateAddedTime":1729847078,"width":1080}]
});
3.集成后云打包或自定义基座调试既可看到效果
uniappx实现方法如下：
1.uvue页面接口引入如下代码
import { RHFselcet } from '@/uni_modules/fz-media-selcet';
2.在uvue页面里要调用的地方加入如下代码：
let parameter: UTSJSONObject ={
MediaType:2,//设置选择类型 0: ALL(图片和视频) 1: IMAGE(图片) 2: VIDEO(视频) 3: AUDIO(音频) 不传默认为1图片
Single:2,//设置单选或多选（鸿蒙无需传这个参数）， 1为单选，2为多选，不传默认为多选
maxNum:6,//设置最大选中数，不传默认为9
isOriginal:false, //是否开启原图功能，不传默认为false
isDisplayCamera:true,//是否显示拍摄按钮，不传默认为true
//语言设置（仅安卓）， 0:简体中文，1:繁体，2:英语，3:韩语，4:德语，5:法语，6:日语，7:越语，8:西班牙语，9:葡萄牙语，10:阿拉伯语，11:俄语，12:捷克，13:哈萨克斯坦，不传默认为0
Language:2,
//主题界面样式设置（仅安卓），不传为默认样式
theme:{
titleBarStyle:{
TitleBackgroundColor:'#8E07FD'
},
bottomNavBarStyle:{
PreviewNormalTextColor:'#8E07FD',
PreviewSelectTextColor:'#8E07FD',
BarBackgroundColor:'#FFFFFF',
EditorTextColor:'#8E07FD',
OriginalTextColor:'#8E07FD',
},
selectMainStyle:{
NumberStyle:true, //选中样式是否为数字，不传默认显示勾选样式
isbtn:true, //完成按钮是否显示背景颜色
//如需修改按钮颜色需要在res/values/colors.xml里修改btn_primary和btn_hover的颜色值和按下后的颜色值
SelectTextColor:'#ffffff',//选择结果文字颜色
// SelectText:'%1$d/%2$d 完成',
SelectText:'使用(%1$d)',//选择结果要显示的文字，不传默认显示：已完成
StatusBarColor:'#8E07FD',
OriginalTextColor:'#8E07FD',
}
}
}
//打开相册或视频
RHFselcet.getPicture( parameter, (data) => {
// console.log(data["mediaArray"])
let arrData = data["mediaArray"]
let jsonData = JSON.stringify(arrData)
console.log(jsonData)
//回调结果：[{"mimeType":"video/mp4","num":1,"Pathurl":"/storage/emulated/0/DCIM/Camera/lv_0_20241025172529.mp4","height":1920,"fiename":"lv_0_20241025172529.mp4","path":"content://media/external/video/media/427606","Pathid":427606,"duration":16393,"size":20002573,"FolderName":"Camera","dateAddedTime":1729848339,"width":1080},{"mimeType":"video/mp4","num":2,"Pathurl":"/storage/emulated/0/DCIM/Camera/video_20241025_170438.mp4","height":1920,"fiename":"video_20241025_170438.mp4","path":"content://media/external/video/media/427604","Pathid":427604,"duration":16331,"size":35778914,"FolderName":"Camera","dateAddedTime":1729847078,"width":1080}]
let DatalArray = JSON.parseArray(jsonData)
console.log(DatalArray)
});
