js 头像上传

document.getElementById('uploadForm').addEventListener('submit', function(event) {
    event.preventDefault();
    const fileInput = document.getElementById('avatar');
    const formData = new FormData();
    formData.append('avatar', fileInput.files[0]);

    fetch('/upload-avatar', {
        method: 'POST',
        body: formData
    })
    .then(response => response.json())
    .then(data => {
        console.log('Success:', data);
    })
    .catch((error) => {
        console.error('Error:', error);
    });
});

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

app.post('/upload-avatar', upload.single('avatar'), (req, res) => {
    if (!req.file) {
        return res.status(400).send('No file uploaded.');
    }
    // 处理文件，例如保存到数据库或云存储
    res.send({ message: 'File uploaded successfully', file: req.file });
});

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