在nodejs和react中有没有一种方法可以将输入字段与pdf文档或图像一起上传？任何解释相同内容的资源都将不胜感激。

npm install multer

const multer = require('multer');

// 配置上传设置
const upload = multer({ dest: 'uploads/' });

app.post('/upload', upload.single('file'), (req, res) => {
  // 处理上传的文件
  const file = req.file;
  // 处理其他输入字段
  const { name, description } = req.body;

  // 进行进一步的处理，例如保存文件或执行其他操作

  res.send('文件上传成功');
});

import React, { useState } from 'react';

function UploadForm() {
  const [file, setFile] = useState(null);
  const [name, setName] = useState('');
  const [description, setDescription] = useState('');

  const handleFileChange = (event) => {
    setFile(event.target.files[0]);
  };

  const handleSubmit = (event) => {
    event.preventDefault();

    const formData = new FormData();
    formData.append('file', file);
    formData.append('name', name);
    formData.append('description', description);

    // 发送上传请求
    fetch('/upload', {
      method: 'POST',
      body: formData,
    })
      .then(response => response.text())
      .then(data => {
        console.log(data);
        // 处理上传成功后的逻辑
      })
      .catch(error => {
        console.error(error);
        // 处理上传失败后的逻辑
      });
  };

  return (
    <form onSubmit={handleSubmit}>
      <input type="file" onChange={handleFileChange} />
      <input type="text" value={name} onChange={event => setName(event.target.value)} />
      <input type="text" value={description} onChange={event => setDescription(event.target.value)} />
      <button type="submit">上传</button>
    </form>
  );
}

export default UploadForm;