logo
0
0
WeChat Login
zhanglu<zhanglu@example.com>
Initial commit: Image bed application

📸 简易图床

一个简单易用的图片托管网站,支持上传本地图片并生成 Markdown 格式的图片链接。

✨ 功能特性

  • 🖼️ 图片上传:支持拖拽上传或点击上传
  • 📝 Markdown 生成:自动生成 Markdown 格式的图片链接
  • 📋 一键复制:快速复制链接到剪贴板
  • 🗑️ 图片管理:查看和管理已上传的图片
  • 🎨 美观界面:现代化的 UI 设计
  • 📱 响应式设计:支持各种设备

🚀 快速开始

安装依赖

cd imagebed npm install

启动服务器

npm start

服务器将在 http://localhost:3000 启动。

使用方法

  1. 打开浏览器访问 http://localhost:3000
  2. 拖拽图片到上传区域,或点击选择文件
  3. 上传成功后,自动生成 Markdown 链接
  4. 点击"复制链接"按钮,将链接复制到剪贴板
  5. 在 Markdown 文档中使用复制的链接

📁 项目结构

imagebed/ ├── server.js # Express 后端服务器 ├── package.json # 项目配置 ├── public/ # 前端静态文件 │ └── index.html # 主页面 └── uploads/ # 图片存储目录

🛠️ 技术栈

  • 后端:Node.js + Express
  • 文件上传:Multer
  • 前端:HTML + CSS + JavaScript
  • 存储:本地文件系统

🔧 API 接口

上传图片

POST /api/upload Content-Type: multipart/form-data 参数:image (文件)

获取图片列表

GET /api/images

删除图片

DELETE /api/images/:filename

📝 支持的图片格式

  • JPEG/JPG
  • PNG
  • GIF
  • WEBP

⚙️ 配置

文件大小限制

server.js 中修改:

limits: { fileSize: 10 * 1024 * 1024 }, // 10MB

端口修改

server.js 中修改:

const PORT = 3000;

🎯 使用示例

上传图片后,生成的 Markdown 链接格式:

![image](http://localhost:3000/uploads/filename.jpg)

直接复制到你的 Markdown 文档中即可使用!

📜 许可证

MIT