flh

智能图床管理系统

一个现代化的图片托管和管理系统，支持拖拽上传、大屏展示和响应式设计。

功能特性

技术栈

安装和运行

1. 安装Python

确保系统已安装Python 3.7+

2. 安装依赖

pip install flask

或者使用requirements.txt：

pip install -r requirements.txt

3. 启动应用

python app.py

4. 访问应用

打开浏览器访问：http://localhost:5000

目录结构

image-hosting/
├── app.py              # Flask后端主程序
├── requirements.txt    # Python依赖
├── data.json          # 数据存储文件（自动生成）
├── static/
│   ├── css/
│   │   └── style.css   # 样式文件
│   ├── js/
│   │   └── main.js     # JavaScript逻辑
│   └── uploads/        # 上传图片存储目录
└── templates/
    └── index.html      # 主页面模板

使用说明

上传图片

  1. 点击”选择文件”按钮或直接拖拽图片到上传区域
  2. 支持多文件同时上传
  3. 支持格式：JPG, PNG, GIF, WEBP, BMP
  4. 单文件最大16MB

浏览图片

管理图片

配置选项

在 app.py 中可以修改以下配置：

# 上传文件夹
UPLOAD_FOLDER = 'static/uploads'

# 允许的文件扩展名
ALLOWED_EXTENSIONS = {'png', 'jpg', 'jpeg', 'gif', 'webp', 'bmp'}

# 最大文件大小 (字节)
MAX_FILE_SIZE = 16 * 1024 * 1024  # 16MB

特色功能

响应式设计

现代化UI

性能优化

开发说明

API接口

上传文件

POST /api/upload
Content-Type: multipart/form-data

获取文件列表

GET /api/files

删除文件

DELETE /api/delete/<filename>

获取统计信息

GET /api/stats

自定义样式

所有样式变量都在 static/css/style.css 的 :root 中定义，可以轻松修改主题颜色：

:root {
    --primary-color: #4361ee;    /* 主色调 */
    --secondary-color: #7209b7;  /* 辅助色 */
    --accent-color: #f72585;     /* 强调色 */
    /* ... 其他变量 */
}

注意事项

  1. 上传的文件存储在 static/uploads/ 目录
  2. 文件信息保存在 data.json 文件中
  3. 建议定期备份 uploads 目录和 data.json 文件
  4. 生产环境建议配置反向代理和SSL证书

许可证

MIT License