更新记录

1.0.1(2021-12-01)

修复创建文件夹名称重复问题

1.0.0(2021-08-28)

文件管理中心1.0.0正式发布 插件集成:文件上传;文件格式动态渲染;响应式UI;创建文件夹;删除文件;鼠标双击选择文件;鼠标悬浮查看文件详情等功能


平台兼容性

阿里云 腾讯云 支付宝云
×
Vue2 Vue3
×
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
HBuilderX 3.1.0 × × × × × ×
钉钉小程序 快手小程序 飞书小程序 京东小程序
× × × ×
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari
× ×

uni-admin插件通用教程:

uni-admin是一套基于uniCloud的开源应用管理端系统。详见:uni-admin 基础框架
本插件是uni-admin系统的扩展插件,为开发者的admin系统添加功能。
需先确保本机有uni-admin项目,然后将此插件导入到uni-admin项目下。
如本机没有uni-admin项目,需要先在HBuilderX中新建项目 -> uni-app项目 -> 选择uni-admin模板。
如本机的uni-admin项目版本过老,可能无法使用新插件,需及时升级本机的uni-admin项目。详见uni-admin项目更新日志


mihuk-file-management 文件管理中心

示例项目: 文件管理中心示例项目

简介

  • 解决痛点

    • 文件无法重复使用,每次上传太麻烦?
    • 使用官方的文件上传无法满足重复使用文件的需求?
    • 文件上传后的信息不好查看?
    • 文件不方便管理?无法像电脑硬盘一样创建文件夹?
    • 没问题,以上这些统统交给文件管理中心吧
  • mihuk-file-management文件管理中心是一个云端一体的文件管理类插件。

  • 适用环境

    • 后台管理系统Admin
    • 文件业务需求类
    • 本插件只使用单项目单云服务空间,请知悉
  • 集成功能

    • 文件上传
    • 文件详情查看
    • 动态文件类型图标渲染
    • 悬浮鼠标查看详情
    • 鼠标右击文件打开更多功能
  • 演示视频

    演示视频文件管理中心示例项目/演示示例

安装方式

本组件符合easycom规范,HBuilderX 2.5.5起,只需将本组件导入项目,在页面template中即可直接使用,无需在页面中import和注册components

本插件依赖scss编译插件,如未在HbuilderX中安装,请提前安装

  • 使用HBuilderX导入本插件
  • 绑定项目云服务空间 - aliyun
  • 鼠标右键database下的file-management.scheme.json上传DB-Scheme
  • 鼠标右击云函数file-management上传部署
  • 在项目中使用

基本用法

template 中使用组件

<mihuk-file-management @chooseFile="chooseFile($event)"></mihuk-file-management>

<!-- template页面引用 -->
<template>
  <div class="app-container">
    <mihuk-file-management :usePage="true"></mihuk-file-management>
  </div>
</template>

API

Props

属性 类型 默认值 说明
usePage Boolean false 页面方式引用

Events

事件名 事件说明 返回值
chooseFile 双击文件(非文件夹) currentFile(当前文件对象)

更多

本插件购买后将享受持续更新,后续版本免费下载,一次购买,终身免费

联系作者

QQ:631038597

邮箱:mihuk@foxmail.com

未来计划

  • 页面数组缓存
  • 交互UI优化
  • 排序
  • 文件重命名
  • 更多......

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

不采集任何数据

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问