js上传图片到指定文件夹

<input type="file" id="fileInput" multiple>
<button onclick="uploadFiles()">上传</button>

<script>
function uploadFiles() {
    const files = document.getElementById('fileInput').files;
    const formData = new FormData();

    for (let i = 0; i < files.length; i++) {
        formData.append('files[]', files[i]);
    }

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

const express = require('express');
const multer = require('multer');
const path = require('path');

const app = express();
const storage = multer.diskStorage({
    destination: function (req, file, cb) {
        cb(null, 'uploads/');
    },
    filename: function (req, file, cb) {
        cb(null, Date.now() + path.extname(file.originalname)); // 添加时间戳防止文件名冲突
    }
});

const upload = multer({ storage: storage });

app.post('/upload', upload.array('files[]'), (req, res) => {
    res.json({ message: 'Files uploaded successfully', files: req.files });
});

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