js上传图片并删除

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

function uploadFiles() {
    const files = document.getElementById('fileInput').files;
    for (let i = 0; i < files.length; i++) {
        const file = files[i];
        const formData = new FormData();
        formData.append('file', file);

        fetch('/upload', {
            method: 'POST',
            body: formData
        })
        .then(response => response.json())
        .then(data => {
            const listItem = document.createElement('li');
            listItem.textContent = `文件 ${data.filename} 已上传`;
            listItem.onclick = () => deleteFile(data.filename);
            document.getElementById('fileList').appendChild(listItem);
        });
    }
}

function deleteFile(filename) {
    fetch(`/delete/${filename}`, {
        method: 'DELETE'
    })
    .then(() => {
        const listItem = document.querySelector(`li[textContent*="${filename}"]`);
        listItem.remove();
    });
}

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

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

app.post('/upload', upload.single('file'), (req, res) => {
    res.json({ filename: req.file.filename });
});

app.delete('/delete/:filename', (req, res) => {
    const filePath = path.join(__dirname, 'uploads', req.params.filename);
    fs.unlink(filePath, err => {
        if (err) throw err;
        res.sendStatus(204);
    });
});

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