fu-filemanage's Introduction

FuFileManage

1. 构建

进入 fu-fileManage 文件夹，确保本地安装过 node 和 npm 后，运行如下命令

npm install

开发调试

npm run dev

打包发布

npm run build

2. 快速开始

<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
    <title>
        文件管理组件
    </title>
</head>
<body>
    <div id="app" style="width:200px"></div>
</body>
<script>
    var myFileManage = new FuFileManage({
        initURL: '/FU/FileCompoent/List',//文件列表加载地址
        previewURL: '/FU/FileManage/FilePreview',//文件预览地址
        downloadURL: '/FU/FileCompoent/Download',//文件下载地址
        allowDownloadURL: '/FU/FileCompoent/AllowDownload',//文件下载预处理
        uploadURL: '/FU/FileCompoent/UploadBigFile',//文件上传地址
        uploadCheckURL: '/FU/FileCompoent/CheckFileChunk',//分块校验地址
        deleteURL: '/FU/FileCompoent/Delete',//文件删除地址
        souceRecordID: '',//文件管理id
        modelName: '',//上传指定模块
        uploadPath: '',//文件保存地址
        getUploadPath: undefined,//默认无需获取页面新上传路径
        beforeUpload: function () {//默认允许上传
            return true;
        },
        authority: {//分项权限
            download: true,
            delete: true,
            upload: true
        },
        disabled: true,//ture为默认模式,false为只读模式
    });
    myFileManage.renderDOM(document.getElementById("app"));
    myFileManage.init();
</script>
</html>

Recommend Projects