在UNIAPP支持vue和nvue,在UNIAPPX支持uvue，安卓支持在选择图片或视频文件权限申请的时候自动同步告知权限申请目的。轻松解决在华为应用市场审核，要求告知权限申请目的或说明的问题。

UNIAPP相册图片视频选择器(安卓可以自定义界面样式)功能介绍：
1.支持uniapp和uniappx，现在已经兼容了纯血鸿蒙和安卓后续将会兼容IOS
2.支持打开系统相册选择相片
3.支持多选和单选
4.支持设置多种语言（仅安卓）
5.支持自定义界面主题样式（仅安卓）
6.支持媒体文件类型选择 0: ALL(视频和图片) 1: IMAGE(图片) 2: VIDEO(视频) 3: AUDIO(音频)
7.支持媒体文件预览
8.支持设置开启和关闭原图功能
注意:集成完成后需要云打包或自定义基座才能生效，因为这是UTS原生SDK插件。

首先UNIAPP插件下载图片选择器：图片选择器插件（可以同步安卓权限申请说明 可自定义界面样式）安装到UNIAPP或你UNIAPPX项目里：


UNIAPP实现方法如下：

鸿蒙无需申请权限
安卓端首先AndroidManifest.xml里配置示例文件里所需的权限也可直接复制示列里的AndroidManifest.xml文件到项目根目录

<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" /><!-- 适配android 13 媒体文件选择权限--><uses-permission android:name="android.permission.READ_MEDIA_IMAGES" /><uses-permission android:name="android.permission.READ_MEDIA_VIDEO" /><uses-permission android:name="android.permission.READ_MEDIA_AUDIO" /><uses-permission android:name="android.permission.RECORD_AUDIO" /><uses-permission android:name="android.permission.READ_MEDIA_VISUAL_USER_SELECTED" /><uses-permission android:name="android.permission.CAMERA" /><application android:requestLegacyExternalStorage="true"><meta-data android:name="ScopedStorage" android:value="true" /></application>

uni-app项目中集成调用示例如下：

1.接口引入

import { RHFselcet } from '@/uni_modules/fz-media-selcet';

2.vue或nvue文件内调用实现代码；

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.集成后云打包或自定义基座调试既可看到效果

uni-appx实现方法如下：

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, //是否开启原图功能，不传默认为falseisDisplayCamera:true,//是否显示拍摄按钮，不传默认为true
//语言设置（仅安卓）， 0:简体中文，1:繁体，2:英语，3:韩语，4:德语，5:法语，6:日语，7:越语，8:西班牙语，9:葡萄牙语，10:阿拉伯语，11:俄语，12:捷克，13:哈萨克斯坦，不传默认为0Language: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)
});
//打开系统相册或视频进行选择RHFselcet.getSysAlbum({//设置选择类型  0: ALL(全部) 1: IMAGE(图片) 2: VIDEO(视频) 3: AUDIO(音频) 不传默认为1图片MediaType:2,//设置选择模式  1为单选，2为多选，不传默认为2多选Single:1}, (data) => {console.log(data["mediaArray"])let ArrayData = data["mediaArray"]let resData = JSON.stringify(ArrayData)console.log(resData)
});

3.完成后云打包或制作自定义基座既可调试看效果。

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如若转载，请注明出处：http://www.pswp.cn/news/918296.shtml
繁体地址，请注明出处：http://hk.pswp.cn/news/918296.shtml
英文地址，请注明出处：http://en.pswp.cn/news/918296.shtml

如若内容造成侵权/违法违规/事实不符，请联系英文站点网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

jupyter notebook如何打开其他盘目录

jupyter notebook如何打开其他盘目录

问题描述Jupyter Notebook 相信是我们学习 Python 避不开的一个工具。当我们使用 pip install notebook 安装 Notebook 之后&#xff0c;使用命令 jupyter notebook 启动服务&#xff0c;启动之后默认会在浏览器打开界面。我们会发现&#xff0c;这个界面默认在 C 盘下&#xf…
阅读更多...
C语言深度剖析

C语言深度剖析

一、关键字 1.1 最快的关键字-register register 这个关键字请求编译器尽可能将变量存在CPU内部寄存器中，而不是通过内存寻址以提高效率。 注意是：尽可能、而不是绝对 1.1.1 皇帝身边的小太监-寄存器 不知道什么是寄存器，那见过太监没有其实寄存器就是相当于。一个cpu的…
阅读更多...
电脑使用“碎片整理”程序的作用

电脑使用“碎片整理”程序的作用

1.解决文件碎片化问题碎片整理的作用&#xff1a;将这些分散的文件片段重新整理、拼接&#xff0c;使其连续存储在硬盘的某个区域&#xff0c;减少文件的 “碎片化” 程度。2. 提升硬盘读写速度机械硬盘的特殊性&#xff1a;机械硬盘依赖磁头的物理移动来读取数据&#xff0c;若…
阅读更多...
AI 软件工程开发 AI 算法 架构与业务

AI 软件工程开发 AI 算法 架构与业务

AI 软件工程开发 & AI 算法 & 架构与业务前言1.AI 软件工程开发1.1. AI Developer Studio &#xff08;playground级&#xff09;1.2. Agent & RAG1.3. LangChain & LangGraph1.4. MCP, Model Context Protocol1.5. Ollama1.6. Coze & Dify2.AI 算法2.1. G…
阅读更多...
uniapp实现的圆形滚盘组件模板

uniapp实现的圆形滚盘组件模板

采用 uniapp 实现的一款圆形滚盘示例组件模板, 支持 vue2、vue3&#xff0c;适配H5、微信小程序&#xff08;其他小程序未试过&#xff0c;可自行尝试&#xff09; 代码实现简约易懂&#xff0c;用户可根据自身需求下载模板&#xff0c;并进行扩展开发可到插件市场下载尝试&…
阅读更多...
无须炮解，打开即是Pro版

无须炮解，打开即是Pro版

聊一聊 文档或文件转图片&#xff0c;这个我有段时间没有推荐了。 今天发现了一款非常好用的图像格式转换编辑软件。 有需要的小伙伴请及时收藏&#xff0c;防止下次找不到。 软件介绍 全能图像格式转换工具 这是一款全能的图像转换软件&#xff0c;支持几乎所有的图像格式…
阅读更多...
企业高性能web服务器——Nginx

企业高性能web服务器——Nginx

Nginx介绍 Nginx是一个高性能的HTTP和反向代理服务器&#xff0c;也是一个邮件代理服务器。由俄罗斯的程序设计师Igor Sysoev所开发&#xff0c;官方测试nginx能够支撑5万并发链接&#xff0c;并且cpu、内存等资源消耗却非常低&#xff0c;运行非常稳定。所以其特点是占有内存…
阅读更多...
MCU控制ADAU1701，用System Workbench for STM32导入工程

MCU控制ADAU1701，用System Workbench for STM32导入工程

作者的话 MCU控制ADAU1701&#xff0c;我有写一个文档详细讲步骤&#xff0c;里头用到了System Workbench for STM32这个软件&#xff0c;他是基于eclips内核的开发软件&#xff0c;一般来讲&#xff0c;设置好workspce工程就会出来&#xff0c;但是架不住就有设置好工程不出来…
阅读更多...
SQL176 每个题目和每份试卷被作答的人数和次数

SQL176 每个题目和每份试卷被作答的人数和次数

描述现有试卷作答记录表exam_record&#xff08;uid用户ID, exam_id试卷ID, start_time开始作答时间, submit_time交卷时间, score得分&#xff09;&#xff1a;iduidexam_idstart_timesubmit_timescore1100190012021-09-01 09:01:012021-09-01 09:41:01812100290022021-09-01 …
阅读更多...
构建第三方软件仓库

构建第三方软件仓库

1 下载第三方软件到指定目录[rootServer_b ~]# mkdir software [rootServer_b software]# wget https://dldir1v6.qq.com/qqfile/qq/QQNT/Linux/QQ_3.2.18_250724_x86_64_01.rpm2 安装软件信息采集工具[rootServer_b software]# yum install createrepo -y [rootServer_b softw…
阅读更多...
Linux 管道命令及相关命令练习与 Shell 编程、Tomcat 安装

Linux 管道命令及相关命令练习与 Shell 编程、Tomcat 安装

2.实验目的掌握 Linux 管道命令及相关命令&#xff08;cut、sort、wc、uniq、tee、tr、split&#xff09;的使用方法。学会使用 Shell 编程实现基本的计算器功能。掌握在 CentOS 7 系统中安装 Tomcat 的方法。实验内容1. Linux 管道命令及相关命令练习1.1 管道命令定义&#xf…
阅读更多...
蓝牙基础：FIFO（First-In-First-Out）缓存区

蓝牙基础：FIFO（First-In-First-Out）缓存区

在蓝牙通信中&#xff0c;FIFO&#xff08;First-In-First-Out&#xff0c;先进先出&#xff09;缓存区是解决数据传输中“速度不匹配”和“时序异步”问题的核心机制&#xff0c;广泛应用于蓝牙芯片内部、协议栈各层级及主从设备交互中。其核心作用是临时存储数据&#xff0c;…
阅读更多...
国内外主流源代码平台与高效开发指南

国内外主流源代码平台与高效开发指南

摘要 本文旨在为您提供一份实用的源代码获取与开发指南。我们将首先梳理国内外最主流的源代码托管平台&#xff0c;并重点介绍如何利用这些平台上的开源项目。接着&#xff0c;本文将为您规划一条针对初学者的“最快最性价比”的开发路径&#xff0c;从环境配置、项目管理到实…
阅读更多...
任务进度状态同步 万能版 参考 工厂+策略+观察者设计模式 +锁设计 springboot+redission

任务进度状态同步 万能版 参考 工厂+策略+观察者设计模式 +锁设计 springboot+redission

文章目录概要效果解释状态流转说明设计AI任务实体类AI任务状态枚举AI模型枚举基础实体类简单字典接口工厂策略模式 接口设计AiJobProcessorAiJobProcessorFactory观察者模式AI任务相关的EventMyEventListenerMyEventPubLisherRedissonConfig定时任务实现ReplicateJobProcessorR…
阅读更多...
printf函数格式化输出攻略

printf函数格式化输出攻略

目录 一、基本用法 二、占位符 基本用法 常用占位符 字符串占位符示例 多占位符示例 注意事项 三、占位符列表 基本数据类型占位符 浮点数占位符 特殊类型占位符 长度修饰符 使用示例 注意事项 四、输出格式 1、限定宽度 基本用法 左对齐输出 浮点数宽度限制…
阅读更多...
AI小智单片机esps32-s3烧录教程

AI小智单片机esps32-s3烧录教程

1. 下载代码到本地 代码地址&#xff1a;https://github.com/78/xiaozhi-esp32 2. vscode安装环境 安装一下这个插件 3. esp32-s3通过数据线连接电脑 【图片】 4. vscode选择对应配置 如果是用自己的服务还得改下地址 5. 点击构建 6. 点击烧录
阅读更多...
socket编程中系统调用send()详细讲解

socket编程中系统调用send()详细讲解

在 socket 编程中&#xff0c;send() 是用于在已连接的套接字上发送数据的系统调用&#xff0c;主要用于 TCP 协议&#xff08;也可用于 UDP&#xff0c;但需配合连接操作&#xff09;。它负责将用户态的数据传递到内核缓冲区&#xff0c;再由内核协议栈&#xff08;如 TCP/IP&…
阅读更多...
Eclipse JSP/Servlet：深入解析与最佳实践

Eclipse JSP/Servlet：深入解析与最佳实践

Eclipse JSP/Servlet：深入解析与最佳实践 引言 Eclipse JSP/Servlet 是 Java 企业版（Java EE）的核心技术之一，它为 Web 开发者提供了一个强大的平台来构建动态和交互式的 Web 应用程序。本文将深入探讨 Eclipse JSP/Servlet 的概念、工作原理以及最佳实践，帮助开发者更好…
阅读更多...
CNB私有化部署Dify(零成本）教程

CNB私有化部署Dify(零成本）教程

本篇文章介绍一下如何进行dify的私有化部署的过程&#xff1a;dify定位是开源的LLM应用平台&#xff0c;搭建自己的这个AI应用&#xff0c;而我们非常熟悉的这个coze实际上是通过搭积木一样搭建AI应用&#xff0c;我选择从dify开始进行了解学习 1.前置准备 我们需要有这个腾讯云…
阅读更多...
imx6ull-驱动开发篇16——信号量与互斥体

imx6ull-驱动开发篇16——信号量与互斥体

目录 前言 信号量 概念与特性 信号量 API 函数 互斥体 概念与特性 互斥体 API 函数 前言 Linux 内核提供的几种并发和竞争的处理方法&#xff0c;我们学习了&#xff1a; 驱动开发篇14——原子操作 驱动开发篇15——linux自旋锁 本讲我们就继续学习&#xff1a;信号…
阅读更多...
最新文章

Copyright @ 2022~2023