Files Photo Gallery - Mã Nguồn Album Ảnh Nhẹ Đẹp

Giới thiệu

Trong khi rảnh rỗi lướt web, mình vô tình thấy mã nguồn khá là hay nên mình viết một bài hướng dẫn. Code này là mã nguồn Album Ảnh trực quan cực đẹp, phù hợp cho các anh em nhiếp ảnh gia dùng để lưu trữ các tấm hình đã chụp.

Tính năng

• Duyệt ngay lập tức các tệp và thư mục mà không cần cài đặt phức tạp.
• Thuận tiện chia sẻ tệp và ảnh với khách hàng, bạn bè và gia đình.
• Sử dụng như một thư viện đơn giản nhưng đẹp và hiện đại cho trang web của bạn.
• Tải lên và quản lý các tệp và thư mục trực tiếp trên máy chủ mà không cần sử dụng FTP.
• Giao diện đẹp với khả năng xem tệp tiên tiến, được thiết kế cho các trình duyệt hiện đại.
• Bố cục thư viện nâng cao có thể được điều chỉnh trong thời gian thực để phù hợp với chế độ xem hiện tại.
• Tải trang nhanh tối ưu với bộ nhớ đệm hình ảnh xem trước, menu và thư mục.
• Tên người dùng và mật khẩu tùy chọn để chỉ cho phép truy cập cho người dùng được ủy quyền.
• Cho phép khách truy cập tải xuống tất cả các tệp trong thư mục dưới dạng zip hoặc tải xuống nhiều tệp.

Một vài demo

[hide]

Hướng dẫn

• Tải file index.php về
• Tải lên hosting/sever/vps của bạn
• Truy cập /index.php để bắt đầu cài đặt
• Demo: https://files.photo.gallery/demo

Cấu hình yêu cầu

• Phiên bản php 5.5 trở lên
• Đã bật các extension GD mbstring fileinfo exif

Thêm JS cục bộ

Trong code đã có sẵn js của họ, nhưng nếu anh em nào thích có thể dùng thêm cách này để dùng js cục bộ.
Mở index.php tìm:

<script src="<?php echo config::$assets ?>js/files.js"></script>

Thay bằng:

<script src="https://cdn.jsdelivr.net/gh/sunpma/cdn/other/files.js"></script>

Các thông số cấu hình chung

// 根目录配置
    'root' => '',    // 相对路径或者绝对路径，不填代表当前目录，二级目录无需 / 符号
    'start_path' => false,    // 分配加载到视图中的第一个目录，默认情况下，该目录与root目录相同

// 授权登录
    'username' => '',    // 用户账号（留空关闭）
    'password' => '',    // 用户密码（留空关闭）

// 排除文件或者目录
    'files_exclude' => '',    // '/\.(png|jpe?g)$/i'   / 解释：排除后缀png.jpeg.jpg
    'dirs_exclude' => '',    // '/\/AAA|\/doc|\/222(\/|$)/i'    / 解释：排除目录AAA.doc.222

// 菜单
    'menu_enabled' => true    // 启用或禁用左侧文件夹菜单
    'menu_show' => true    // 文件夹菜单展开或折叠
    'menu_sort' => 'name_asc'    // 左侧文件夹菜单排序    / name_asc，name_desc，date_asc，date_desc

// 布局
    'layout' => 'rows'    // 主视图区域布局，包括选项 列表，块，网格，行和列
    'sort' => 'name_asc'    // 主视图区域默认排序    / name_asc，name_desc，date_asc，date_desc

[tip type="green"]Share By Đặng Minh Đông :&(蛆音娘_OK)[/tip]
[/hide]