如何在mysql中实现多张图片的上传和插入

在MySQL中实现多张图片的上传和插入，通常涉及以下几个步骤：

基础概念

BLOB (Binary Large Object): 用于存储二进制数据，如图片、音频等。
表结构设计: 设计一个表来存储图片信息，通常包括图片ID、图片名称、图片类型和图片数据等字段。

类型

单表存储: 所有图片信息存储在一个表中。
多表存储: 根据业务需求，将图片信息分散存储在不同的表中。

应用场景

电商网站: 存储商品图片。
社交平台: 存储用户头像和帖子图片。
博客系统: 存储文章配图。

实现步骤

1. 表结构设计

CREATE TABLE images (
    id INT AUTO_INCREMENT PRIMARY KEY,
    name VARCHAR(255),
    type VARCHAR(50),
    data LONGBLOB
);

2. 前端实现

使用HTML和JavaScript实现图片上传功能。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Image Upload</title>
</head>
<body>
    <form action="/upload" method="post" enctype="multipart/form-data">
        <input type="file" name="images[]" multiple>
        <button type="submit">Upload</button>
    </form>
</body>
</html>

3. 后端实现

使用Node.js和Express处理图片上传，并将图片数据插入MySQL数据库。

const express = require('express');
const multer = require('multer');
const mysql = require('mysql');
const app = express();
const upload = multer({ dest: 'uploads/' });

const db = mysql.createConnection({
    host: 'localhost',
    user: 'root',
    password: 'password',
    database: 'testdb'
});

db.connect((err) => {
    if (err) throw err;
    console.log('Connected to MySQL database');
});

app.post('/upload', upload.array('images'), (req, res) => {
    req.files.forEach(file => {
        const sql = 'INSERT INTO images (name, type, data) VALUES (?, ?, ?)';
        const values = [file.originalname, file.mimetype, file.buffer];
        db.query(sql, values, (err, result) => {
            if (err) throw err;
            console.log('Image inserted:', result.insertId);
        });
    });
    res.send('Images uploaded successfully');
});

app.listen(3000, () => {
    console.log('Server started on port 3000');
});