使用react应用程序中的axios将文件发送到服务器

npm install axios react

import axios from 'axios';

const uploadFile = async (file) => {
  try {
    const formData = new FormData();
    formData.append('file', file);

    const response = await axios.post('/upload', formData, {
      headers: {
        'Content-Type': 'multipart/form-data'
      }
    });

    console.log('File uploaded successfully:', response.data);
  } catch (error) {
    console.error('Error uploading file:', error);
  }
};

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

return (
  <div>
    <input type="file" onChange={handleFileChange} />
  </div>
);