h5ai:一款功能强大 php 文件目录列表程序

1.介绍

h5ai是一款功能强大 php 文件目录列表程序，不需要数据库，支持在线预览文本、图片、音频、视频等。

h5ai功能包括：文件排序，不同视图模式，本地化，面包屑，树视图，自定义页眉和页脚，文件过滤器和搜索，文件夹大小，自动刷新，打包下载，QR码，缩略图，文件预览。

官网：https://larsjung.de/h5ai/

github：https://github.com/lrsjng/h5ai

2.宝塔安装

2.1 php扩展安装与函数解禁

在安装之前，我们需要在php中安装ImageMagick、fileinfo、exif扩展和解禁putenv函数。

2.2 创建网站

2.3 源码下载

从官网或者github下载程序包，解压然后将_h5ai 上传到网站根目录: h5ai.inat.top/_h5ai.额，宝塔面板用户，直接就可以远程下载了。

打开 http://h5ai.inat.top/_h5ai/public/index.php, 检查一下h5ai 是否可以访问. 同时，如果你的服务器有不兼容的话这里会显示。不过打开的时候，会要求你设置一个密码，当然留空也可以直接访问，登录之后，会有web环境检查的结果，如图：

2.4 修改默认首页

添加 /_h5ai/public/index.php 到默认的首页列表中

添加好之后，我们就可以打开浏览器访问了，界面如下：

3.给h5ai开启二维码、搜索、选择功能

以下均在配置文件/www.xx.com/_h5ai/private/conf/options.json修改

3.1 开启选择功能

"select": {
        "enabled": false,
        "clickndrag": true,
        "checkboxes": true
    },

将false修改为true，即：

"select": {
        "enabled": true,
        "clickndrag": true,
        "checkboxes": true
    },

该功能可方便我们进行批量下载。

3.2开启搜索功能

"search": {
        "enabled": false,
        "advanced": true,
        "debounceTime": 300,
        "ignorecase": true
    },

将false修改为true，即：

"search": {
        "enabled": true,
        "advanced": true,
        "debounceTime": 300,
        "ignorecase": true
    },

开启后我们可以更快的找到文件了。

3.3 开启二维码功能

"info": {
        "enabled": false,
        "show": false,
        "qrcode": true,
        "qrFill": "#999",
        "qrBack": "#fff"
    },

将false修改为true，即：

"info": {
        "enabled": true,
        "show": true,
        "qrcode": true,
        "qrFill": "#999",
        "qrBack": "#fff"
    },

开启二维码后，我们可以直接手机扫描二维码下载，很方便。

参考资料

1. h5ai-轻便又美观目录列表程序支持在线预览文本、图片、音频、视频等
2. 给h5ai开启二维码、搜索、选择功能