注意：导入uni_modules规范插件需要使用3.1.0以上版本的HBuilderX
注意：导入此插件需要使用2.9+以上版本的HBuilderX
本站所有收费插件均支持免费试用，切勿私下交易或购买不可正常试用的插件，而造成不必要的纠纷。
管理上传的云存储图片、视频等媒体资源，支持对资源上传、删除、查看等操作。
功能点
导入uni-media-library后，运行启动uni-admin，在web管理后台，点击左侧菜单栏的菜单管理，添加“媒体库”菜单。
如下图所示：
导入后刷新页面，在uni-admin左侧菜单，可看到媒体库的菜单项，点击即可进入。
UniMediaLibraryEvents
SelectedMediaItems说明
在uni-media-library-co云对象中实现了对媒体资源的上报与删除功能。
注意：以下注释仅用于对字段进行描述，复制时请删除注释。
{"cropMediaAssets":false,//是否对媒体库的图片进行裁剪"imageLibraryProviders":{//图片素材库"unsplash":false,//是否开启unsplash图片库"giphy":false,//是否开启giphy图片库"pexels":false,//是否开启pexels图片库"others":[]//自定义素材库}}媒体资源上报接口接口名：report
接口形式
awaituniMediaLibrary.report({src,cover,type,originalName,fileType,size,resolution,duration,uploadUser,})参数说明
Resolution说明
返回值
接口名：deleteMedia
awaituniMediaLibrary.deleteMedia({mediaIds})参数说明
注意
负责处理与媒体库资源创建时的逻辑
主要功能有：
在读取（afterRead）媒体库资源后，根据uni-media-library配置文件中的cropMediaAssets字段，对图片进行裁剪。
默认媒体库加载图片会加载原图展示，同时会造成不必要的CDN流量消耗，可以通过uni-media-library云对象的配置文件开启图片裁剪(cropMediaAssets)，以优化图片加载速度。
根据您开通的服务空间不同，图片裁剪的功能也不同，具体如下：
为了方便快速获取图片素材，媒体库提供了免费素材库功能，目前内置了unsplash、giphy、pexels三个免费素材库。
同时支持自定义素材库，可通过配置文件添加自定义素材库。
默认情况下，内置的素材库是关闭的，需要在配置文件中开启。
在配置文件中配置imageLibraryProviders字段，如下：
{"imageLibraryProviders":{}}根据实际需求，配置对应的素材库。
使用素材库时，需遵守素材库的使用协议，防止侵权行为发生，以下是三个素材库的使用协议：
unsplash是一个免费的图片素材库，提供了大量高质量的图片素材。
unsplash素材库以摄影作品居多，风景、人物等。
开启unsplash素材库，配置如下：
{"imageLibraryProviders":{"unsplash":{"appId":"your_app_id","accessKey":"your_access_key","secretKey":"your_secret_key"}}}获取unsplash的appId、accessKey、secretKey
giphy是一个免费的gif素材库，提供了大量高质量的gif素材。
giphy素材库以gif动画作品居多，表情包、动态图等。
开启giphy素材库，配置如下：
{"imageLibraryProviders":{"giphy":{"apiKey":"your_api_key"}}}获取giphy的apiKey
pexels是一个免费的图片素材库，提供了大量高质量的图片素材。
开启pexels素材库，配置如下：
{"imageLibraryProviders":{"pexels":{"apiKey":"your_api_key"}}}获取pexels的apiKey
除了内置的素材库外，还支持自定义素材库。
可以通过配置文件添加常用的素材库使用。
在配置文件中配置imageLibraryProviders.others字段，如下：
{"imageLibraryProviders":{"others":[{"provider":"custom_provider",//自定义素材的provider，切勿与内置素材库重复"name":"custom_name",//自定义素材的名称，用于在媒体库中展示"website":"custom_website",//自定义素材的网站地址（可选）"options":{}//自定义素材的配置,用于请求素材库的参数}]}}实现自定义素材库逻辑添加完自定义素材库配置后，需要自行实现素材搜索和查询素材详情的逻辑。
在配置文件同级目录中创建image-library/{provider}/index.js文件，用于存放自定义素材库的逻辑。
需要导出search、detail两个方法，具体实现如下：
自定义素材库逻辑示例
exports.search=asyncfunction(query,options){const{keyword,page,pageSize}=query//query为搜索条件//options为请求参数(即配置文件中配置的options字段)//::TODO::实现自定义素材库的搜索逻辑//返回素材库的搜索结果return[{id:'',//素材id，用于查询素材详情url:'',//素材图片地址（原图）thumbUrl:'',//素材缩略图地址width:0,//素材宽度height:0,//素材高度description:'',//素材描述alt:'',//用于图片加载失败时的替代文字originalName:'',//原始文件名}]}exports.detail=asyncfunction(id,options){//id为素材id//options为请求参数(即配置文件中配置的options字段)//::TODO::实现自定义素材库的查询素材详情逻辑//返回素材详情return{id:'',//素材id，用于查询素材详情url:'',//素材图片地址（原图）thumbUrl:'',//素材缩略图地址width:0,//素材宽度height:0,//素材高度description:'',//素材描述alt:'',//用于图片加载失败时的替代文字originalName:'',//原始文件名fileType:'',//文件类型size:0,//文件大小}}设置自定义素材库图标到目前为止你打开媒体库，应该可以在左侧看到你添加的自定义素材库了，但是图标是默认的。
如果你想要为自定义素材库设置一个图标，可以修改uni_modules/uni-meidia-library/components/image-library-logos/index.vue文件。
在该文件添加你的自定义素材库图标，推荐使用svg图片作为图标使用(图片大小24像素)，示例如下：
无
2022年10月
本许可协议，是数字天堂（北京）网络技术有限公司（以下简称DCloud）对其所拥有著作权的“软件”，提供的使用许可协议。
您对“软件”的复制、使用、修改及分发受本许可协议的条款的约束，如您不接受本协议，则不能使用、复制、修改本软件。
a)授予您永久性的、全球性的、免费的、非独占的、不可撤销的本软件的源码使用许可，您可以使用这些源码制作自己的应用。
b)您只能在DCloud产品体系内使用本软件及其源码。您不能将源码修改后运行在DCloud产品体系之外的环境，比如客户端脱离uni-app，或服务端脱离uniCloud（如涉及uniCloud）。
d)本协议不构成代理关系。
DCloud的责任限制“软件”在提供时不带任何明示或默示的担保。在任何情况下，DCloud不对任何人因使用“软件”而引发的任何直接或间接损失承担责任，不论因何种原因导致或者基于何种法律理论,即使其曾被建议有此种损失的可能性。
您的责任限制
b)您在分发自己的应用时，不得侵犯DCloud商标和名誉权利。
d)如您违反本许可协议，需承担因此给DCloud造成的损失。
本协议签订地点为中华人民共和国北京市海淀区。
条款结束
uni-ui是基于uni-app的、全端兼容的、高性能UI框架
uni-app框架示例，一套代码，同时发行到iOS、Android、H5、小程序等多个平台，请使用手机扫码快速体验uni-app的强大功能
Popup组件，提供常用的弹层
图标组件，用于展示移动端常见的图标，可自定义颜色、大小。
基于uni-app&uniCloud的后台管理项目模板（管理后台开发必备神器）
发布插件：2
下载30647
赞赏124
发布插件：15
下载94127
赞赏192
发布插件：5
下载229486
赞赏158
发布插件：14
下载26177
赞赏5
发布插件：18
下载22044
赞赏67
下载7144
赞赏6
发布插件：12
下载21842
发布插件：7
下载27837
赞赏70
发布插件：19
下载19960
赞赏157
下载4459
赞赏3
发布插件：6
下载950
赞赏58
下载7762
下载12795
赞赏30
发布插件：24
下载23951
赞赏49
下载5193
赞赏12
Onefinebody…
DCloud即数字天堂(北京)网络技术有限公司是W3C成员及HTML5中国产业联盟发起单位