uniapp選擇相冊

在這里插入圖片描述

概述

一款針對Android平臺下的圖片選擇器,支持從相冊獲取圖片、視頻、音頻&拍照,支持裁剪(單圖or多圖裁剪)、壓縮、主題自定義配置等功能,支持動態獲取權限&適配Android 5.0+系統的開源圖片選擇框架。
支持Uniapp和Uniapp X下的Vue2、VUe3編譯,支持所有Android主流操作系統,兼容行可靠穩定

功能說明

下載源碼

一. 參數說明

參數默認值說明
selectMimeType0全部0 圖片1 視頻1 硬盤3
language0系統默認 -1; 簡體中文 0; 繁體 1; 英語 2; 韓語 3; 德語 4; 法語 5; 日語 6; 越語 7; 西班牙語 8; 葡萄牙語 9; 阿拉伯語 10; 俄語 11; 捷克 12; 哈薩克斯坦 13;
isCompresstrue是否壓縮
isCropfalse是否剪切
isCameraIntercepttrue是否攔截相機按鈕
isCameraForegroundServicetrue是否在前臺運行
isDisplayCameratrue是否顯示相機
isPageStrategytrue是否開啟分頁策略
maxSelectNum9最大選擇數量
minSelectNum0最小選擇數量
isVideoPauseResumePlaytrue視頻支持暫停與播放
isQuickCapturetrue使用系統攝像機錄制后,是否支持使用系統播放器立即播放視頻
isPreviewAudiotrue是否支持音頻預覽
isPreviewImagetrue是否支持預覽圖片
isPreviewVideotrue是否支持預覽視頻
isPreviewFullScreenModetrue是否支持全屏預覽
isEmptyResultReturntrue是否支持未選擇返回
isWithSelectVideoImagetrue是否支持視頻圖片同選
isSelectZoomAnimtrue選擇縮略圖縮放效果
isOpenClickSoundtrue是否開啟點擊音效
isCameraAroundStatetrue是否開啟相機前后切換
isCameraRotateImagetrue拍照是否糾正旋轉圖片
isGiftrue是否顯示gif文件
isWebptrue是否顯示webp文件
isBmptrue是否顯示bmp文件
isMaxSelectEnabledMasktrue達到最大選擇數是否開啟禁選蒙層
isSyncCovertrueisPageModel模式下是否強制同步封面,默認false
isAutomaticTitleRecyclerToptrue點擊相冊標題是否快速回到第一項
isAutoVideoPlaytrue預覽視頻是否自動播放
isLoopAutoVideoPlaytrue預覽視頻是否循環播放
isFilterSizeDurationtrue是否過濾圖片或音視頻大小時長為0的資源
isFastSlidingSelecttrue是否快速滑動選擇
isDirectReturnSingletrue是否直接返回單選
isPageSyncAlbumCounttrue分頁模式下設置過濾條件后是否同步專輯下資源的數量
isUseSystemVideoPlayertrue是否使用系統自帶的視頻播放器

二. 返回數據說明

返回數據數據類型說明
compressedboolean是否壓縮
compressPathsrtring壓縮路徑;設置了isCompress;時返回;
fileNamesrtring文件名
maxSelectEnabledMaskboolean是否有最大數量限制
numint文件數量
bucketIdint
mimeTypesrtring文件類型
durationint文件時長
cropResultAspectRatioint剪切寬高比
pathsrtring原圖path,但在Android Q版本上返回的是content:// Uri類型
checkedboolean是否選中
realPathsrtring絕對路徑
idint
toSandboxPathboolean是否使用自定義輸出路徑
sandboxPathsrtring自定義輸出路徑
chooseModelint
widthint寬度
heightint高度
originalboolean是否開啟原圖
availablePathsrtring
cutboolean是否剪切
cutPathsrtring裁剪后path,設置了isCrop返回
cropImageWidthint剪切寬度
cropImageHeightint剪切高度
parentFolderNamestring
sizeint文件大小
cropOffsetXint圖片X軸偏移量
cropOffsetYint圖片Y軸偏移量
galleryEnabledMaskboolean
editorImageboolean是否編輯
cameraSourceboolean是否原圖
positionint位置
dateAddedTimedate文件添加時間

三.注意事項

從應用市場下載插件導入自己項目后,要先制作自定義插件后,才可以運行使用插件需在 Android 5.0 版本及以上方可正常使用盡量使用 HBuilderX 4.0+ 以上的最新版本,以便更好在uni-app和uni-app x中使用uts插件

2.完整代碼示例

<template><view><button @click="openPicture()">打開相冊</button><uni-grid :column="4" :highlight="true"><uni-grid-item v-for="(result, index) in resultList" :index="index" :key="index"><view style="background-color: #fff; display: flex; justify-content: center; align-items: center;"><image :src="result.path" mode="aspectFit" :style="{'width': imageSize + 'px', 'height': imageSize + 'px'}"></image></view></uni-grid-item></uni-grid><view style="margin: 10px;"> 返回值:</view><scroll-view scroll-x="true" style="margin:20px; 0px "><y-json-view :json="resultList" closed /></scroll-view></view>
</template><script>import {open} from '@/uni_modules/pic-selector'const modal = uni.requireNativePlugin('modal');export default {data() {return {imageSize:uni.getSystemInfoSync().windowWidth/4-10,resultList:[// {//     "compressed": true,//是否壓縮//     "compressPath": "",//壓縮路徑;設置了isCompress;時返回;//     "fileName": "",//文件名//     "maxSelectEnabledMask": false,//     "num": 1,//文件數量//     "bucketId": -643270046,//     "mimeType": "image/jpeg",//文件類型//     "duration": 0,//文件時長//     "cropResultAspectRatio": 1,//     "path": "",//原圖path,但在Android Q版本上返回的是content:// Uri類型//     "checked": false,//     "realPath": "",//絕對路徑//     "id": 13043,//     "toSandboxPath": true,//是否使用自定義輸出路徑//     "sandboxPath": "",//自定義輸出路徑//     "chooseModel": 0,//     "width": 1134,//寬度//     "height": 1780,//高度//     "original": false,//是否開啟原圖//     "availablePath": "",//     "cut": true,//是否剪切//     "cutPath": "",//裁剪后path,設置了isCrop返回//     "cropImageWidth": 567,//剪切寬度//     "cropImageHeight": 567,//剪切高度//     "parentFolderName": "WeiXin",//     "size": 392774,//文件大小//     "cropOffsetX": 0,//圖片X軸偏移量//     "cropOffsetY": 162,//圖片Y軸偏移量//     "galleryEnabledMask": false,//     "editorImage": false,//     "cameraSource": false,//     "position": 1,//     "dateAddedTime": 1749993134// }]}},methods: {openPicture(){let _this = thislet params = {selectMimeType:0,//全部0 圖片1 視頻1 硬盤3language:0, //system Language -1; 簡體中文  0; 繁體 1; 英語 2;  韓語 3; 德語 4; 法語 5; 日語 6; 越語 7;  西班牙語 8; 葡萄牙語 9; 阿拉伯語 10; 俄語 11; 捷克 12; 哈薩克斯坦 13;isCompress:true,//是否壓縮isCrop:false,//是否剪切isCameraIntercept :true,//是否攔截相機按鈕isCameraForegroundService:true,//是否在前臺運行isDisplayCamera:true,//是否顯示相機isPageStrategy:true,//是否開啟分頁策略maxSelectNum:99,//最大選擇數量minSelectNum:0,//最小選擇數量isVideoPauseResumePlay:true,//視頻支持暫停與播放isQuickCapture:true,//使用系統攝像機錄制后,是否支持使用系統播放器立即播放視頻isPreviewAudio:true,//是否支持音頻預覽isPreviewImage:true,//是否支持預覽圖片isPreviewVideo:true,//是否支持預覽視頻isPreviewFullScreenMode:true,//是否支持全屏預覽isEmptyResultReturn:true,//是否支持未選擇返回isWithSelectVideoImage:true,//是否支持視頻圖片同選isSelectZoomAnim:true, //選擇縮略圖縮放效果isOpenClickSound:true,//是否開啟點擊音效isCameraAroundState:true,//是否開啟相機前后切換isCameraRotateImage:true,//拍照是否糾正旋轉圖片isGif:true,//是否顯示gif文件isWebp:true, //是否顯示webp文件isBmp:true,//是否顯示bmp文件isMaxSelectEnabledMask:true,//達到最大選擇數是否開啟禁選蒙層isSyncCover:true, //isPageModel模式下是否強制同步封面,默認falseisAutomaticTitleRecyclerTop:true,//點擊相冊標題是否快速回到第一項isAutoVideoPlay:true,//預覽視頻是否自動播放isLoopAutoVideoPlay:true,//預覽視頻是否循環播放isFilterSizeDuration:true,//是否過濾圖片或音視頻大小時長為0的資源isFastSlidingSelect:true,//是否快速滑動選擇isDirectReturnSingle:true,//是否直接返回單選isPageSyncAlbumCount:true,//分頁模式下設置過濾條件后是否同步專輯下資源的數量isUseSystemVideoPlayer:true,//是否使用系統自帶的視頻播放器}open(params,{onResult(result){if(result){_this.resultList = JSON.parse(result)console.log('onResult--->>',result)modal.toast({ message: _this.resultList, duration: 1.5 });}},onCancel(){console.log('onCancel--->>',result)}})}}}
</script><style>
</style>

長期維護,持續更新,對付費用戶提供終身免費技術支持

在這里插入圖片描述
在這里插入圖片描述
在這里插入圖片描述

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/bicheng/87372.shtml
繁體地址,請注明出處:http://hk.pswp.cn/bicheng/87372.shtml
英文地址,請注明出處:http://en.pswp.cn/bicheng/87372.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

MAC 多應用切換技巧,單應用切換技巧

在 Mac 上&#xff0c;有幾種快捷鍵可以幫助你快速切換應用程序窗口&#xff1a; 1. Command (?) Tab - 這是最常用的快捷鍵&#xff0c;用于在打開的應用程序之間進行循環切換。按住 Command 鍵不放&#xff0c;然后反復按下 Tab 鍵可以選擇下一個應用程序。當你松開 Comm…

SpringBoot+本地部署大模型實現知識庫功能

SpringBoot本地部署大模型實現RAG知識庫功能 1、Linux系統部署本地大模型1.1 安裝ollama1.2 啟動ollama1.3 下載deepseek模型 2、Springboot代碼調用本地模型實現基礎問答功能3、集成向量數據庫4、知識庫數據喂取5、最終實現RAG知識庫功能 1、Linux系統部署本地大模型 1.1 安裝…

嵌入式原理與應用篇---ARM

ARM 架構的 STM32 系列微控制器廣泛應用于嵌入式系統開發&#xff0c;理解其匯編語言指令對于優化性能、訪問硬件底層非常重要。下面詳細解釋常見的 ARM 匯編指令及其使用實例。 數據處理指令 1. MOV&#xff08;移動&#xff09; 功能&#xff1a;將立即數或寄存器值復制到…

【RHCSA-Linux考試題目筆記(自用)】servera的題目

一、開始 1、啟動rhcsa環境 2、點擊題目&#xff0c;看題 3、通過控制器來啟動所有虛擬機 控制器 打開后點start&#xff0c;然后ok 之后進入一個有classroom、servera、serverb&#xff08;考試不一定叫這些名&#xff0c;但大差不差&#xff09;什么之類的界面&#xff0c;…

SpringBoot項目使用arthas-tunnel-server

參考官網Arthas Spring Boot Starter | arthas Spring Boot系列之使用Arthas Tunnel Server 進行遠程調試實踐-騰訊云開發者社區-騰訊云 springBoot項目, 增加maven依賴 <dependency><groupId>com.taobao.arthas</groupId><artifactId>arthas-sprin…

Modbus TCP 進階:基于以太網的遠程設備控制(二)

基于 Modbus TCP 的遠程設備控制實戰 &#xff08;一&#xff09;硬件與網絡搭建實操 1. 設備選型與連接 在工業現場&#xff0c;根據遠程控制需求進行設備選型至關重要 。對于傳感器&#xff0c;若要監測溫度&#xff0c;可選擇高精度的熱電偶傳感器&#xff0c;如 K 型熱電…

分庫分表之實戰-sharding-JDBC

大家好&#xff0c;我是工藤學編程 &#x1f989;一個正在努力學習的小博主&#xff0c;期待你的關注實戰代碼系列最新文章&#x1f609;C實現圖書管理系統&#xff08;Qt C GUI界面版&#xff09;SpringBoot實戰系列&#x1f437;【SpringBoot實戰系列】Sharding-Jdbc實現分庫…

httpcore-nio引起的線程、fd泄露問題

依賴來源&#xff1a;httpasyncclient-4.1.4.jar 現象 程序報錯too many open files 線程數飆升、句柄數飆升 thread dump顯示大量 "I/O dispatcher 7215" #9102 prio5 os_prio0 tid0x00002b7ba036a800 nid0x6f24 runnable [0x00002b7d98d41000]java.lang.Thread.…

多線程生產者消費者模型實戰案例

多線程生產者消費者模型實戰案例 前言業務場景術前準備無鎖無事務有事務 synchronized事務在鎖外事務在鎖內 數據庫行鎖什么是數據庫行鎖有事務沒有事務 樂觀鎖ReentrantLock分布式鎖 前言 曾經一直有一個疑惑&#xff0c;就是關于多線程生產者消費者模型的學習過程中&#xf…

青少年編程與數學 02-022 專業應用軟件簡介 03 三維建模及動畫軟件:Autodesk Maya

青少年編程與數學 02-022 專業應用軟件簡介 03 三維建模及動畫軟件&#xff1a;Autodesk Maya 一、什么是三維建模二、什么是計算機動畫三、三維建模及動畫設計軟件的發展歷程&#xff08;一&#xff09;早期探索階段&#xff08;20世紀60年代 - 80年代&#xff09;&#xff08…

獲得 OCM 大師證書學習歷練

當我站在山城重慶的洪崖洞前&#xff0c;看著璀璨的夜景倒映在嘉陵江上&#xff0c;手中緊握著 OCM 大師證書&#xff0c;那一刻&#xff0c;備考時的艱辛與考試時的緊張都化作了滿滿的成就感。這段在重慶獲得 OCM 大師證書的經歷&#xff0c;就像一場充滿挑戰與驚喜的冒險&…

srs-gb28181 與 SRS 5.0 對 GB28181 國標支持

srs-gb28181 是基于 SRS 4.0/5.0 的國標&#xff08;GB28181&#xff09;擴展分支&#xff0c;而 SRS 5.0 官方版本也逐步增強了對 GB28181 的支持。以下是兩者的主要區別&#xff1a; 1. 功能支持對比 功能srs-gb28181&#xff08;擴展分支&#xff09;SRS 5.0&#xff08;官…

算法第18天|繼續二叉樹:修剪二叉搜索樹、將有序數組轉化為二叉搜索樹、把二叉搜索樹轉換為累加樹

今日總結&#xff1a; 1、修剪二叉搜索樹&#xff08;重點思考如何修剪&#xff09; &#xff08;1&#xff09;遞歸的返回值是什么&#xff1f;&#xff08;與插入、刪除一樣&#xff09; &#xff08;2&#xff09;遞歸的單層邏輯一定要縷清&#xff08;3中情況討論&#xff…

C# 多線程(三)線程池

目錄 1.通過TPL使用線程池 2.不使用TPL進入線程池的辦法 異步委托 3.線程池優化技術 最小線程數的工作原理 每當啟動一個新線程時&#xff0c;系統都需要花費數百微秒來分配資源&#xff0c;例如創建獨立的局部變量棧空間。默認情況下&#xff0c;每個線程還會占用約1…

學習筆記(29):訓練集與測試集劃分詳解:train_test_split 函數深度解析

學習筆記(29):訓練集與測試集劃分詳解&#xff1a;train_test_split 函數深度解析 一、為什么需要劃分訓練集和測試集&#xff1f; 在機器學習中&#xff0c;模型需要經歷兩個核心階段&#xff1a; 訓練階段&#xff1a;用訓練集數據學習特征與目標值的映射關系&#xff08;…

【全網唯一】自動化編輯器 Windows版純本地離線文字識別插件

目的 自動化編輯器超輕量級RPA工具&#xff0c;零代碼制作RPA自動化任務&#xff0c;解放雙手&#xff0c;釋放雙眼&#xff0c;輕松玩游戲&#xff0c;刷任務。本篇文章主要講解下自動化編輯器的TomatoOCR純本地離線文字識別Windows版插件如何使用和集成。 準備工作 1、下載自…

GitHub 2FA綁定

GitHub 2FA綁定 作為全球最大的代碼托管平臺&#xff0c;GitHub對賬號安全的重視程度不斷提升——自2023年3月起&#xff0c;GitHub已要求所有在GitHub.com上貢獻代碼的用戶必須啟用雙因素身份驗證&#xff08;2FA&#xff09;。如果你是符合條件的用戶&#xff0c;會收到一封…

pytest fixture基礎大全詳解

一、介紹 作用 fixture主要有兩個作用&#xff1a; 復用測試數據和環境&#xff0c;可以減少重復的代碼&#xff1b;可以在測試用例運行前和運行后設置和清理資源&#xff0c;避免對測試結果產生影響&#xff0c;同時也可以提高測試用例的運行效率。 優勢 pytest框架的fix…

Unity知識點-Renderer常用材質變量

本篇總結了Unity中renderer的3種常用的材質相關的變量&#xff1a;renderer.material,renderer.sharedMaterial,renderer.MaterialPropertyBlock。以及三者對SRPBatcher的影響。 一.介紹及對比 1.概念介紹 1.material 定義&#xff1a;material 是Render組件&#xff08;如…

【算法】??如何判斷時間復雜度?

文章目錄 1. 什么是時間復雜度&#xff1f;為什么需要時間復雜度&#xff1f; 2. 常見時間復雜度對比3. 如何分析時間復雜度&#xff1f;&#xff08;Java版&#xff09;&#x1f539; 步驟1&#xff1a;找出基本操作&#x1f539; 步驟2&#xff1a;分析循環結構&#xff08;1…