【源码】基于Koa和原生HTML的简易图床系统

项目简介

本项目利用Koa框架和原生HTML技术构建了一个简易图床系统，能为个人网站、博客等提供图片存储与访问服务。系统具备图片上传、存储、访问以及批量删除功能，还通过IP白名单机制保障操作的安全性。

项目的主要特性和功能

1. 图片上传：用户可通过前端页面上传图片，系统自动生成访问路径。
2. 图片存储：上传的图片会保存至服务器，用户可通过生成的路径访问。
3. 图片访问：用户复制图片路径后，可在浏览器中直接访问图片。
4. 批量删除：支持用户选择多张图片进行批量删除。
5. IP白名单：系统默认仅允许白名单内的IP地址进行图片上传和删除操作，确保安全性。

安装使用步骤

前端启动

1. 进入项目目录的view文件夹： bash cd view
2. 安装依赖： bash npm i
3. 启动前端服务器： bash npm run dev
4. 访问前端页面： http://127.0.0.1:8080/

后端启动

1. 在项目根目录下安装依赖： bash npm i
2. 启动后端服务器： bash npm run start

使用说明

1. 图片路径：上传图片后，点击图片可复制路径。使用时要在vite配置文件中配置正确的图片路径前缀。
2. 批量删除：在图片列表中，可选中多张图片进行批量删除。
3. 安全设置：系统默认仅允许本地IP（127.0.0.1）进行上传和删除操作。如需外网访问，需自行添加IP白名单。

注意：本项目为简易示例，适用于个人使用。在生产环境中，建议进一步优化和加强安全措施。

下载地址

点击下载 【提取码: 4003】【解压密码: www.makuang.net】